
<!DOCTYPE html><html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="hexo-theme" content="https://github.com/xaoxuu/hexo-theme-stellar/tree/1.29.1" theme-name="Stellar" theme-version="1.29.1">
  
  <meta name="generator" content="Hexo 7.1.1">
  <meta http-equiv='x-dns-prefetch-control' content='on' />
  
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="HandheldFriendly" content="True" >
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000">
  <meta name="theme-color" content="#f9fafb">
  
  <title>写作姿势 - Sentry's Blog</title>

  
    <meta name="description" content="写作技巧">
<meta property="og:type" content="article">
<meta property="og:title" content="写作姿势">
<meta property="og:url" content="https://coclong.gitee.io/2023/07/16/base/%E5%86%99%E4%BD%9C%E5%A7%BF%E5%8A%BF/index.html">
<meta property="og:site_name" content="Sentry&#39;s Blog">
<meta property="og:description" content="写作技巧">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://bu.dusays.com/2022/10/24/63567d3e07da3.png">
<meta property="og:image" content="https://bu.dusays.com/2022/10/24/63567d3e092ff.png">
<meta property="og:image" content="https://bu.dusays.com/2022/10/24/63567d3e0ab55.png">
<meta property="og:image" content="https://api.iconify.design/line-md:moon-alt-to-sunny-outline-loop-transition.svg">
<meta property="og:image" content="https://api.iconify.design/solar:list-heart-minimalistic-line-duotone.svg">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/b32ef3da1162a.svg">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/80c07e4dbb303.svg">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/a1b00e20f425d.svg">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/8411ed322ced6.svg">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/cdn-x/emoji/qq/%E7%88%B1%E4%BD%A0.gif">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatattentionreverse.png">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/cdn-x/emoji/tieba/%E6%BB%91%E7%A8%BD.png">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png">
<meta property="og:image" content="https://api.iconify.design/solar:link-circle-bold.svg">
<meta property="og:image" content="https://coclong.gitee.io/images/photo/mmexport1689252462939.jpg">
<meta property="og:image" content="https://coclong.gitee.io/images/picture/20230711224927.jpg">
<meta property="og:image" content="https://coclong.gitee.io/images/picture/20230711225321.png">
<meta property="og:image" content="https://coclong.gitee.io/images/picture/20230711225337.png">
<meta property="og:image" content="https://coclong.gitee.io/images/photo/20230710192616.jpg">
<meta property="og:image" content="https://gcore.jsdelivr.net/gh/cdn-x/emoji/tieba/%E6%BB%91%E7%A8%BD.png">
<meta property="og:image" content="https://coclong.gitee.io/images/footer/qq32.svg">
<meta property="og:image" content="https://coclong.gitee.io/images/cover/xxx.6cyjbogyo1c0.webp">
<meta property="og:image" content="https://coclong.gitee.io/images/cover/xxx.6cyjbogyo1c0.webp">
<meta property="og:image" content="https://coclong.gitee.io/images/picture/luca-calderone-bcql6CtuNv0-unsplash.jpg">
<meta property="og:image" content="https://github-readme-stats.xaoxuu.com/api/?username=xaoxuu&&show_owner=true">
<meta property="og:image" content="https://github-readme-stats.xaoxuu.com/api/pin/?username=xaoxuu&repo=hexo-theme-stellar&theme=dark&show_owner=true">
<meta property="og:image" content="https://xaoxuu.com/assets/banner/notes.jpg">
<meta property="og:image" content="https://xaoxuu.com/assets/banner/nebula.jpg">
<meta property="og:image" content="https://xaoxuu.com/assets/xaoxuu/avatar/rect-256@2x.png">
<meta property="og:image" content="https://xaoxuu.com/assets/xaoxuu/blog/2022-1126a@2x.jpg">
<meta property="article:published_time" content="2023-07-16T02:35:21.000Z">
<meta property="article:modified_time" content="2024-08-17T02:53:34.192Z">
<meta property="article:author" content="sentry">
<meta property="article:tag" content="博客折腾">
<meta property="article:tag" content="常用">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://bu.dusays.com/2022/10/24/63567d3e07da3.png">
  
  
  
  <meta name="keywords" content="博客折腾,常用">

  <!-- feed -->
  

  <link rel="stylesheet" href="/css/main.css?v=1.29.1">

  
    <link rel="shortcut icon" href="https://foruda.gitee.com/avatar/1677090168613487741/7674882_coclong_1619494197.png!avatar200">
  

  

  
</head>
<body>

<div class="l_body s:aa content tech" id="start" layout="post" ><aside class="l_left"><div class="leftbar-container">


<header class="header"><div class="logo-wrap"><a class="avatar" href="/about/"><div class="bg" style="opacity:0;background-image:url(https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/rainbow64@3x.webp);"></div><img no-lazy class="avatar" src="https://q1.qlogo.cn/g?b=qq&nk=2930811148&s=100" onerror="javascript:this.classList.add('error');this.src='https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/2659360.svg';"></a><a class="title" href="/"><div class="main" ff="title">Sentry's Blog</div><div class="sub normal cap">被人记住的感觉真好啊</div><div class="sub hover cap" style="opacity:0">孤独伴我同行</div></a></div></header>

<div class="nav-area">
<div class="search-wrapper" id="search-wrapper"><form class="search-form"><a class="search-button" onclick="document.getElementById(&quot;search-input&quot;).focus();"><svg t="1705074644177" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1560" width="200" height="200"><path d="M1008.839137 935.96571L792.364903 719.491476a56.783488 56.783488 0 0 0-80.152866 0 358.53545 358.53545 0 1 1 100.857314-335.166073 362.840335 362.840335 0 0 1-3.689902 170.145468 51.248635 51.248635 0 1 0 99.217358 26.444296 462.057693 462.057693 0 1 0-158.255785 242.303546l185.930047 185.725053a51.248635 51.248635 0 0 0 72.568068 0 51.248635 51.248635 0 0 0 0-72.978056z" p-id="1561"></path><path d="M616.479587 615.969233a50.428657 50.428657 0 0 0-61.498362-5.534852 174.655348 174.655348 0 0 1-177.525271 3.484907 49.403684 49.403684 0 0 0-58.833433 6.76482l-3.074918 2.869923a49.403684 49.403684 0 0 0 8.609771 78.10292 277.767601 277.767601 0 0 0 286.992355-5.739847 49.403684 49.403684 0 0 0 8.404776-76.667958z" p-id="1562"></path></svg></a><input type="text" class="search-input" id="search-input" placeholder="站内搜索"></form><div id="search-result"></div><div class="search-no-result">没有找到内容！</div></div>


<nav class="menu dis-select"><a class="nav-item active" title="文章" href="/" style="color:#1BCDFC"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.879 2.879C5 3.757 5 5.172 5 8v8c0 2.828 0 4.243.879 5.121C6.757 22 8.172 22 11 22h2c2.828 0 4.243 0 5.121-.879C19 20.243 19 18.828 19 16V8c0-2.828 0-4.243-.879-5.121C17.243 2 15.828 2 13 2h-2c-2.828 0-4.243 0-5.121.879M8.25 17a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M9 12.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM8.25 9A.75.75 0 0 1 9 8.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 9" clip-rule="evenodd"/><path fill="currentColor" d="M5.235 4.058C5 4.941 5 6.177 5 8v8c0 1.823 0 3.058.235 3.942L5 19.924c-.975-.096-1.631-.313-2.121-.803C2 18.243 2 16.828 2 14v-4c0-2.829 0-4.243.879-5.121c.49-.49 1.146-.707 2.121-.803zm13.53 15.884C19 19.058 19 17.822 19 16V8c0-1.823 0-3.059-.235-3.942l.235.018c.975.096 1.631.313 2.121.803C22 5.757 22 7.17 22 9.999v4c0 2.83 0 4.243-.879 5.122c-.49.49-1.146.707-2.121.803z" opacity=".5"/></svg></a><a class="nav-item" title="项目" href="/wiki/" style="color:#3DC550"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.25 4.48v3.057c0 .111 0 .27.02.406a.936.936 0 0 0 .445.683a.96.96 0 0 0 .783.072c.13-.04.272-.108.378-.159L17 8.005l1.124.534c.106.05.248.119.378.16a.958.958 0 0 0 .783-.073a.936.936 0 0 0 .444-.683c.021-.136.021-.295.021-.406V3.031c.113-.005.224-.01.332-.013C21.154 2.98 22 3.86 22 4.933v11.21c0 1.112-.906 2.01-2.015 2.08c-.97.06-2.108.179-2.985.41c-1.082.286-1.99 1.068-3.373 1.436c-.626.167-1.324.257-1.627.323V5.174c.32-.079 1.382-.203 1.674-.371c.184-.107.377-.216.576-.323m5.478 8.338a.75.75 0 0 1-.546.91l-4 1a.75.75 0 0 1-.364-1.456l4-1a.75.75 0 0 1 .91.546" clip-rule="evenodd"/><path fill="currentColor" d="M18.25 3.151c-.62.073-1.23.18-1.75.336a8.2 8.2 0 0 0-.75.27v3.182l.75-.356l.008-.005a1.13 1.13 0 0 1 .492-.13c.047 0 .094.004.138.01c.175.029.315.1.354.12l.009.005l.749.356V3.647z"/><path fill="currentColor" d="M12 5.214c-.334-.064-1.057-.161-1.718-.339C8.938 4.515 8.05 3.765 7 3.487c-.887-.234-2.041-.352-3.018-.412C2.886 3.007 2 3.9 2 4.998v11.146c0 1.11.906 2.01 2.015 2.079c.97.06 2.108.179 2.985.41c.486.129 1.216.431 1.873.726c1.005.451 2.052.797 3.127 1.034z" opacity=".5"/><path fill="currentColor" d="M4.273 12.818a.75.75 0 0 1 .91-.545l4 1a.75.75 0 1 1-.365 1.455l-4-1a.75.75 0 0 1-.545-.91m.909-4.545a.75.75 0 1 0-.364 1.455l4 1a.75.75 0 0 0 .364-1.455z"/></svg></a><a class="nav-item" title="便笺" href="/notes/" style="color:#FA6400"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0" opacity=".5"/><path fill="currentColor" d="M17.712 5.453c1.047-.193 2.006-.259 2.797-.152c.77.103 1.536.393 1.956 1.064c.446.714.312 1.542-.012 2.258c-.33.728-.918 1.499-1.672 2.268c-1.516 1.547-3.836 3.226-6.597 4.697c-2.763 1.472-5.495 2.484-7.694 2.92c-1.095.217-2.098.299-2.923.201c-.8-.095-1.6-.383-2.032-1.075c-.47-.752-.296-1.63.07-2.379c.375-.768 1.032-1.586 1.872-2.403L4 12.416c0 .219.083.71.168 1.146c.045.23.09.444.123.596c-.652.666-1.098 1.263-1.339 1.756c-.277.567-.208.825-.145.925c.072.116.305.305.937.38c.609.073 1.44.018 2.455-.183c2.02-.4 4.613-1.351 7.28-2.772c2.667-1.42 4.85-3.015 6.23-4.423c.694-.707 1.15-1.334 1.377-1.836c.233-.515.167-.75.107-.844c-.07-.112-.289-.294-.883-.374c-.542-.072-1.272-.041-2.163.112L16.87 5.656c.338-.101.658-.17.842-.203"/></svg></a><a class="nav-item" title="更多" href="/more/" style="color:#F44336"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m13.629 20.472l-.542.916c-.483.816-1.69.816-2.174 0l-.542-.916c-.42-.71-.63-1.066-.968-1.262c-.338-.197-.763-.204-1.613-.219c-1.256-.021-2.043-.098-2.703-.372a5 5 0 0 1-2.706-2.706C2 14.995 2 13.83 2 11.5v-1c0-3.273 0-4.91.737-6.112a5 5 0 0 1 1.65-1.651C5.59 2 7.228 2 10.5 2h3c3.273 0 4.91 0 6.113.737a5 5 0 0 1 1.65 1.65C22 5.59 22 7.228 22 10.5v1c0 2.33 0 3.495-.38 4.413a5 5 0 0 1-2.707 2.706c-.66.274-1.447.35-2.703.372c-.85.015-1.275.022-1.613.219c-.338.196-.548.551-.968 1.262" opacity=".5"/><path fill="currentColor" d="M10.99 14.308c-1.327-.978-3.49-2.84-3.49-4.593c0-2.677 2.475-3.677 4.5-1.609c2.025-2.068 4.5-1.068 4.5 1.609c0 1.752-2.163 3.615-3.49 4.593c-.454.335-.681.502-1.01.502c-.329 0-.556-.167-1.01-.502"/></svg></a></nav>
</div>
<div class="widgets">


<widget class="widget-wrapper post-list"><div class="widget-header dis-select"><span class="name">最近更新</span></div><div class="widget-body fs14"><a class="item title" href="/2023/07/16/base/%E5%86%99%E4%BD%9C%E5%A7%BF%E5%8A%BF/"><span class="title">写作姿势</span></a><a class="item title" href="/2023/07/11/base/%E5%B8%B8%E7%94%A8%E8%BD%AF%E4%BB%B6/"><span class="title">常用软件</span></a><a class="item title" href="/2023/07/28/base/%E5%8D%9A%E5%AE%A2%E7%BE%8E%E5%8C%96/"><span class="title">博客美化</span></a><a class="item title" href="/2024/04/27/other/%E7%BD%91%E7%BB%9C%E6%97%A5%E5%BF%97/"><span class="title">一周是一年的2%</span></a><a class="item title" href="/2023/08/09/other/%E5%A4%A7%E5%AD%A6%E4%B8%8A%E5%88%B0%E7%8E%B0%E5%9C%A8%E7%BB%88%E4%BA%8E%E6%98%8E%E7%99%BD%E7%9A%84%E4%BA%8B/"><span class="title">大学上到现在终于明白的事</span></a><a class="item title" href="/2023/08/13/study/Java%E4%BB%A3%E7%A0%81%E7%B2%BE%E7%AE%80%E6%8C%87%E5%8D%97/"><span class="title">Java代码精简指南</span></a><a class="item title" href="/2023/06/18/base/Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E4%B9%8B%E8%B7%AF/"><span class="title">Hexo搭建博客之路</span></a><a class="item title" href="/2023/09/07/other/%E6%B8%B8%E9%BE%99%E5%BD%93%E5%BD%92%E6%B5%B7/"><span class="title">游龙当归海，海不迎我自来也</span></a><a class="item title" href="/2023/10/02/other/%E8%80%83%E9%A9%BE%E7%85%A7%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B%E5%84%BF/"><span class="title">考驾照的那些事儿</span></a><a class="item title" href="/2024/01/15/other/%E9%80%89%E6%8B%A9/"><span class="title">找工作</span></a></div></widget>
</div>
<footer class="footer dis-select"><div class="social-wrap"><a class="social" href="https://gitee.com/coclong" target="_blank" rel="external nofollow noopener noreferrer"><img class="lazy" src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/08a41b181ce68.svg"/></a><a class="social" href="https://wpa.qq.com/msgrd?v=3&uin=2930811148&site=qq&menu=yes&jumpflag=1" target="_blank" rel="external nofollow noopener noreferrer"><img class="lazy" src="" data-src="/images/footer/qq32.svg"/></a><a class="social" href="/" rel="noopener noreferrer"><img class="lazy" src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/3616429.svg"/></a><a class="social" href="/more" rel="noopener noreferrer"><img class="lazy" src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/942ebbf1a4b91.svg"/></a></div></footer>
</div></aside><div class="l_main" id="main">





<div class="article banner top">
  <div class="content">
    <div class="top bread-nav footnote"><div class="left"><div class="flex-row" id="breadcrumb"><a class="cap breadcrumb" href="/">主页</a>
<span class="sep"></span><a class="cap breadcrumb" href="/">文章</a><span class="sep"></span><a class="cap breadcrumb-link" href="/categories/Hello-World/">Hello World</a></div>
<div class="flex-row" id="post-meta"><span class="text created">发布于：<time datetime="2023-07-16T02:35:21.000Z">2023-07-16</time></span><span class="sep updated"></span><span class="text updated">更新于：<time datetime="2024-08-17T02:53:34.192Z">2024-08-17</time></span></div></div></div>
    
    <div class="bottom only-title">
      
      <div class="text-area">
        <h1 class="text title"><span>写作姿势</span></h1>
        
      </div>
    </div>
    
  </div>
  </div><article class="md-text content"><a class="tag-plugin colorful hashtag" color="blue" target="_blank" rel="noopener" href="https://hexo.io/zh-cn/"><svg t="1701408144765" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4228" width="200" height="200"><path d="M426.6 64.8c34.8 5.8 58.4 38.8 52.6 73.6l-19.6 117.6h190.2l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6s58.4 38.8 52.6 73.6l-19.4 117.6H896c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-42.6 256H832c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.6-117.4h-190.4l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.4-117.8H128c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l42.6-256H192c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6z m11.6 319.2l-42.6 256h190.2l42.6-256h-190.2z" p-id="4229"></path></svg><span>Hexo</span></a>
<a class="tag-plugin colorful hashtag" color="dark" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg t="1701408144765" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4228" width="200" height="200"><path d="M426.6 64.8c34.8 5.8 58.4 38.8 52.6 73.6l-19.6 117.6h190.2l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6s58.4 38.8 52.6 73.6l-19.4 117.6H896c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-42.6 256H832c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.6-117.4h-190.4l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.4-117.8H128c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l42.6-256H192c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6z m11.6 319.2l-42.6 256h190.2l42.6-256h-190.2z" p-id="4229"></path></svg><span>Stellar</span></a>

<p>本文整理了一些 Stellar 主题常用的写作语法与美化，同时也对自己的文章创作做出一些规范</p>
<hr>
<div class="tag-plugin quot"><h2 class="content" id="文章初始化" type="text"><span class="empty"></span><span class="text">文章初始化</span><span class="empty"></span></h2></div>

<p>1、在博客根目录下新建文章</p>
<div class="tag-plugin copy"><input class="copy-area" id="copy_3" value="hexo new xxx"><button class="copy-btn" onclick="util.copy(&quot;copy_3&quot;,&quot;复制成功&quot;)"><svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg></button></div>

<p>2、新建完成后进入 blog&#x2F;source&#x2F;_posts&#x2F; 中，xxx.md 就是本次我们要写作的文章内容</p>
<p>3、编辑 <code>Front-matter</code>，就是文件最上方以 <code>---</code> 分割的区域。<code>key: value</code> 即 yaml 语法格式，冒号后都要带空格，这里给出一些常见参数，更多请参考：<a class="tag-plugin colorful hashtag" color="dark" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/pages/front-matter.html"><svg t="1701408144765" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4228" width="200" height="200"><path d="M426.6 64.8c34.8 5.8 58.4 38.8 52.6 73.6l-19.6 117.6h190.2l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6s58.4 38.8 52.6 73.6l-19.4 117.6H896c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-42.6 256H832c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.6-117.4h-190.4l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.4-117.8H128c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l42.6-256H192c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6z m11.6 319.2l-42.6 256h190.2l42.6-256h-190.2z" p-id="4229"></path></svg><span>Stellar</span></a></p>
<table>
<thead>
<tr>
<th align="center">配置选项</th>
<th align="center">描述</th>
</tr>
</thead>
<tbody><tr>
<td align="center">title</td>
<td align="center">文章标题，默认值为命令行指定的文件名</td>
</tr>
<tr>
<td align="center">author</td>
<td align="center">文章作者，默认值为根 _config.yml 中的 author</td>
</tr>
<tr>
<td align="center">date</td>
<td align="center">建立时间</td>
</tr>
<tr>
<td align="center">updated</td>
<td align="center">更新日期</td>
</tr>
<tr>
<td align="center">description</td>
<td align="center">用于指定显示在首页中的文章描述，不会在文章中出现</td>
</tr>
<tr>
<td align="center">sticky</td>
<td align="center">置顶（数字越大越靠前）</td>
</tr>
<tr>
<td align="center">indent</td>
<td align="center">段落是否缩进</td>
</tr>
<tr>
<td align="center">categories</td>
<td align="center">文章分类</td>
</tr>
<tr>
<td align="center">tags</td>
<td align="center">文章标签</td>
</tr>
<tr>
<td align="center">cover</td>
<td align="center">封面</td>
</tr>
<tr>
<td align="center">banner</td>
<td align="center">横幅，文章页面顶部区域显示长长的横幅图片</td>
</tr>
<tr>
<td align="center">comments</td>
<td align="center">开启文章的评论功能</td>
</tr>
</tbody></table>
<p>如果只设置 <code>cover</code> 参数，则文章封面会显示 <code>title</code> 与 <code>description</code> 或者摘要，若想图片全显示，则加入 <code>poster</code> 参数，具体可看：<a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/pages/#%E6%96%87%E7%AB%A0%E5%B0%81%E9%9D%A2">文章封面</a></p>
<figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">---</span></span><br><span class="line"><span class="attr">cover:</span> <span class="comment"># 封面</span></span><br><span class="line"><span class="attr">poster:</span> <span class="comment"># 封面全显示</span></span><br><span class="line">  <span class="attr">topic:</span> <span class="comment"># 标题上方的小字</span></span><br><span class="line">  <span class="attr">headline:</span> <span class="comment"># 大标题</span></span><br><span class="line">  <span class="attr">caption:</span> <span class="comment"># 标题下方的小字</span></span><br><span class="line">  <span class="attr">color:</span> <span class="comment"># 字体颜色，默认white</span></span><br><span class="line"><span class="meta">---</span></span><br></pre></td></tr></table></figure>

<p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/pages/#%E5%8F%82%E8%80%83%E8%B5%84%E6%96%99">设置参考链接</a></p>
<figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">---</span></span><br><span class="line"><span class="attr">references:</span></span><br><span class="line">  <span class="bullet">-</span> <span class="string">&#x27;[Stellar 每个人的独立博客](https://xaoxuu.com/wiki/stellar/#start)&#x27;</span></span><br><span class="line">  <span class="bullet">-</span> <span class="string">&#x27;[Hexo 文档](https://hexo.io/zh-cn/docs/)&#x27;</span></span><br><span class="line"><span class="meta">---</span></span><br></pre></td></tr></table></figure>

<p>默认的一级标题是文章的 <code>title</code>，如果希望使用别的文字作为一级标题，可以指定 <code>h1</code> 字段：</p>
<figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">---</span></span><br><span class="line"><span class="attr">h1:</span> <span class="string">快速开始</span></span><br><span class="line"><span class="meta">---</span></span><br></pre></td></tr></table></figure>

<p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/pages/index.html#%E6%96%87%E7%AB%A0%E5%88%86%E7%B1%BB">分类与标签</a></p>
<figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">---</span></span><br><span class="line"><span class="attr">categories:</span> [<span class="string">设计开发</span>, <span class="string">iOS开发</span>]</span><br><span class="line"><span class="attr">tags:</span> [<span class="string">iOS</span>, <span class="string">心率</span>]</span><br><span class="line"><span class="meta">---</span></span><br></pre></td></tr></table></figure>

<p>在根目录下 <code>scaffolds</code> 文件夹中编辑 <code>post.md</code> 的 <code>font-matter</code>，既可使用 Hexo 自带模板实现命令行创建新文章时自动生成相关信息。</p>
<hr>
<div class="tag-plugin quot"><h2 class="content" id="写作常用" type="text"><span class="empty"></span><span class="text">写作常用</span><span class="empty"></span></h2></div>

<h3 id="标题相关"><a href="#标题相关" class="headerlink" title="标题相关"></a>标题相关</h3><h4 id="hashtag-标签"><a href="#hashtag-标签" class="headerlink" title="hashtag 标签"></a>hashtag 标签</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#hashtag-%E6%A0%87%E7%AD%BE">hashtag 标签</a>：在文章的一级标题下，可以将本篇内容中的技术关键字，用 <code>hashtag</code> 标签高亮<br>颜色可以选择与网站相关的颜色</p>
<a class="tag-plugin colorful hashtag" color="red" target="_blank" rel="noopener" href="https://gitee.com/"><svg t="1701408144765" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4228" width="200" height="200"><path d="M426.6 64.8c34.8 5.8 58.4 38.8 52.6 73.6l-19.6 117.6h190.2l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6s58.4 38.8 52.6 73.6l-19.4 117.6H896c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-42.6 256H832c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.6-117.4h-190.4l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.4-117.8H128c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l42.6-256H192c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6z m11.6 319.2l-42.6 256h190.2l42.6-256h-190.2z" p-id="4229"></path></svg><span>Gitee</span></a> <a class="tag-plugin colorful hashtag" color="red" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg t="1701408144765" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4228" width="200" height="200"><path d="M426.6 64.8c34.8 5.8 58.4 38.8 52.6 73.6l-19.6 117.6h190.2l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6s58.4 38.8 52.6 73.6l-19.4 117.6H896c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-42.6 256H832c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.6-117.4h-190.4l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.4-117.8H128c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l42.6-256H192c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6z m11.6 319.2l-42.6 256h190.2l42.6-256h-190.2z" p-id="4229"></path></svg><span>Stellar</span></a>

<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% hashtag Gitee https://gitee.com/ color:red %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h4 id="quot-引用"><a href="#quot-引用" class="headerlink" title="quot 引用"></a>quot 引用</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#quot-%E5%BC%95%E7%94%A8">quot 引用</a>：设置标题居中引用</p>
<div class="tag-plugin quot"><p class="content" type="text"><span class="empty"></span><span class="text">我的第一篇博客</span><span class="empty"></span></p></div>
<div class="tag-plugin quot"><p class="content" type="icon"><img class="icon prefix lazy" src="" data-src="https://bu.dusays.com/2022/10/24/63567d3e07da3.png" /><span class="text">热门话题</span><span class="empty"></span></p></div>
<div class="tag-plugin quot"><p class="content" type="icon"><img class="icon prefix lazy" src="" data-src="https://bu.dusays.com/2022/10/24/63567d3e092ff.png" /><span class="text">热门话题</span><img class="icon prefix lazy" src="" data-src="https://bu.dusays.com/2022/10/24/63567d3e0ab55.png" /></p></div>

<p>写法如下，此外，加上 <code>el:h2/h3/h4/h5/h6</code> 可以作为标题使用</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&#123;% quot 我的第一篇博客 %&#125;</span><br><span class="line">&#123;% quot 热门话题 icon:hashtag %&#125;</span><br><span class="line">&#123;% quot 热门话题 icon:default %&#125;</span><br><span class="line">&#123;% quot 我的第一篇博客 el:h3 %&#125;</span><br></pre></td></tr></table></figure>

<div class="tag-plugin quot"><p class="content" type="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0" opacity=".5"/><path fill="currentColor" d="M17.712 5.453c1.047-.193 2.006-.259 2.797-.152c.77.103 1.536.393 1.956 1.064c.446.714.312 1.542-.012 2.258c-.33.728-.918 1.499-1.672 2.268c-1.516 1.547-3.836 3.226-6.597 4.697c-2.763 1.472-5.495 2.484-7.694 2.92c-1.095.217-2.098.299-2.923.201c-.8-.095-1.6-.383-2.032-1.075c-.47-.752-.296-1.63.07-2.379c.375-.768 1.032-1.586 1.872-2.403L4 12.416c0 .219.083.71.168 1.146c.045.23.09.444.123.596c-.652.666-1.098 1.263-1.339 1.756c-.277.567-.208.825-.145.925c.072.116.305.305.937.38c.609.073 1.44.018 2.455-.183c2.02-.4 4.613-1.351 7.28-2.772c2.667-1.42 4.85-3.015 6.23-4.423c.694-.707 1.15-1.334 1.377-1.836c.233-.515.167-.75.107-.844c-.07-.112-.289-.294-.883-.374c-.542-.072-1.272-.041-2.163.112L16.87 5.656c.338-.101.658-.17.842-.203"/></svg><span class="text">这是一个 icons.yml 配置的示例</span><span class="empty"></span></p></div>

<div class="tag-plugin quot"><p class="content" type="icon"><img class="icon prefix lazy" src="" data-src="https://api.iconify.design/line-md:moon-alt-to-sunny-outline-loop-transition.svg" /><span class="text">这是一个 url 的示例</span><img class="icon prefix lazy" src="" data-src="https://api.iconify.design/solar:list-heart-minimalistic-line-duotone.svg" /></p></div>

<figure class="highlight txt"><figcaption><span>更多示例</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% quot prefix:solar:planet-bold-duotone 这是一个 icons.yml 配置的示例 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% quot prefix:https://api.iconify.design/line-md:moon-alt-to-sunny-outline-loop-transition.svg 这是一个 url 的示例 suffix:https://api.iconify.design/solar:list-heart-minimalistic-line-duotone.svg %&#125;</span><br></pre></td></tr></table></figure>



<hr>
<h3 id="图文并茂"><a href="#图文并茂" class="headerlink" title="图文并茂"></a>图文并茂</h3><h4 id="文本修饰与操作"><a href="#文本修饰与操作" class="headerlink" title="文本修饰与操作"></a>文本修饰与操作</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#mark-%E6%A0%87%E8%AE%B0%E6%A0%87%E7%AD%BE">mark标记标签</a>：支持多彩文本标记，包括：<mark class="tag-plugin colorful mark" color="yellow">默认</mark> <mark class="tag-plugin colorful mark" color="red">红</mark> <mark class="tag-plugin colorful mark" color="orange">橙</mark> <mark class="tag-plugin colorful mark" color="yellow">黄</mark> <mark class="tag-plugin colorful mark" color="green">绿</mark> <mark class="tag-plugin colorful mark" color="cyan">青</mark> <mark class="tag-plugin colorful mark" color="blue">蓝</mark> <mark class="tag-plugin colorful mark" color="purple">紫</mark> <mark class="tag-plugin colorful mark" color="light">浅</mark> <mark class="tag-plugin colorful mark" color="dark">深</mark> <mark class="tag-plugin colorful mark" color="warning">警告</mark> <mark class="tag-plugin colorful mark" color="error">错误</mark> 一共 12 种颜色。</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line">支持多彩文本标记，包括：</span><br><span class="line">&#123;% mark 默认 %&#125;</span><br><span class="line">&#123;% mark 红 color:red %&#125; </span><br><span class="line">&#123;% mark 橙 color:orange %&#125; </span><br><span class="line">&#123;% mark 黄 color:yellow %&#125;</span><br><span class="line">&#123;% mark 绿 color:green %&#125;</span><br><span class="line">&#123;% mark 青 color:cyan %&#125;</span><br><span class="line">&#123;% mark 蓝 color:blue %&#125;</span><br><span class="line">&#123;% mark 紫 color:purple %&#125;</span><br><span class="line">&#123;% mark 浅 color:light %&#125;</span><br><span class="line">&#123;% mark 深 color:dark %&#125;</span><br><span class="line">&#123;% mark 警告 color:warning %&#125;</span><br><span class="line">&#123;% mark 错误 color:error %&#125;</span><br><span class="line">一共 12 种颜色。</span><br></pre></td></tr></table></figure>

<hr>
<h4 id="note-备注块"><a href="#note-备注块" class="headerlink" title="note 备注块"></a>note 备注块</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#note-%E5%A4%87%E6%B3%A8%E5%9D%97">note 备注块</a>：第一个空格前面的是标题 <code>title</code>，后面的是正文 <code>content</code>。如果标题中需要显示空格，请使用 <code>&amp;nbsp;</code> 代替。</p>
<div class="tag-plugin tabs"id="tab_2"><div class="nav-tabs"><div class="tab active"><a href="#tab_2-1">示例</a></div><div class="tab"><a href="#tab_2-2">写法</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_2-1"><div class="tag-plugin colorful note" color="cyan"><div class="title">一共支持12种颜色，可以满足几乎所有的需求了。</div><div class="body"><p>color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。</p></div></div></div><div class="tab-pane" id="tab_2-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note [title] content [color:color] %&#125;</span><br></pre></td></tr></table></figure>

<figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">title:</span> <span class="string">标题（可选）</span></span><br><span class="line"><span class="attr">content:</span> <span class="string">内容</span></span><br><span class="line"><span class="attr">color:</span> <span class="string">red/orange/yellow/green/cyan/blue/purple/light/dark/warning/error</span></span><br></pre></td></tr></table></figure></div></div></div>

<p>带标题的备注块</p>
<div class="tag-plugin tabs"id="tab_3"><div class="nav-tabs"><div class="tab active"><a href="#tab_3-1">示例</a></div><div class="tab"><a href="#tab_3-2">写法</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_3-1"><div class="tag-plugin colorful note" ><div class="title">这&nbsp;是一个带空格的标题</div><div class="body"><p>这里才是正文 呼啊！</p></div></div></div><div class="tab-pane" id="tab_3-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note 这&amp;nbsp;是一个带空格的标题 这里才是正文 呼啊！ %&#125;</span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h4 id="copy-复制行"><a href="#copy-复制行" class="headerlink" title="copy 复制行"></a>copy 复制行</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#copy-%E5%A4%8D%E5%88%B6%E8%A1%8C">copy 复制行</a>：只适用于复制单行内容</p>
<div class="tag-plugin tabs"id="tab_4"><div class="nav-tabs"><div class="tab active"><a href="#tab_4-1">示例</a></div><div class="tab"><a href="#tab_4-2">代码</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_4-1"><div class="tag-plugin copy"><input class="copy-area" id="copy_4" value="curl -s https://sh.xaox.cc/install | sh"><button class="copy-btn" onclick="util.copy(&quot;copy_4&quot;,&quot;复制成功&quot;)"><svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg></button></div>
<div class="tag-plugin copy"><span>$</span><input class="copy-area" id="copy_5" value="curl -s https://sh.xaox.cc/install | sh"><button class="copy-btn" onclick="util.copy(&quot;copy_5&quot;,&quot;复制成功&quot;)"><svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg></button></div>
<div class="tag-plugin copy"><span>HTTPS</span><input class="copy-area" id="copy_6" value="https://github.com/xaoxuu.com/hexo-theme-stellar.git"><button class="copy-btn" onclick="util.copy(&quot;copy_6&quot;,&quot;复制成功&quot;)"><svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg></button></div>
<div class="tag-plugin copy"><span>ssh</span><input class="copy-area" id="copy_7" value="git@github.com:xaoxuu.com/hexo-theme-stellar.git"><button class="copy-btn" onclick="util.copy(&quot;copy_7&quot;,&quot;复制成功&quot;)"><svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg></button></div>
<div class="tag-plugin copy"><span>gh</span><input class="copy-area" id="copy_8" value="gh repo clone xaoxuu.com/hexo-theme-stellar"><button class="copy-btn" onclick="util.copy(&quot;copy_8&quot;,&quot;复制成功&quot;)"><svg class="icon copy-btn" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z"></path></svg></button></div></div><div class="tab-pane" id="tab_4-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% copy curl -s https://sh.xaox.cc/install | sh %&#125;</span><br><span class="line">&#123;% copy curl -s https://sh.xaox.cc/install | sh prefix:$ %&#125;</span><br><span class="line">&#123;% copy git:https xaoxuu.com/hexo-theme-stellar prefix:HTTPS %&#125;</span><br><span class="line">&#123;% copy git:ssh xaoxuu.com/hexo-theme-stellar prefix:ssh %&#125;</span><br><span class="line">&#123;% copy git:gh xaoxuu.com/hexo-theme-stellar prefix:gh %&#125;</span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h4 id="文本修饰标签集"><a href="#文本修饰标签集" class="headerlink" title="文本修饰标签集"></a>文本修饰标签集</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#%E6%96%87%E6%9C%AC%E4%BF%AE%E9%A5%B0%E6%A0%87%E7%AD%BE%E9%9B%86">文本修饰标签集</a></p>
<ul>
<li>这是 <psw>密码</psw> 标签</li>
<li>这是 <u>下划线</u> 标签</li>
<li>这是 <emp>着重号</emp> 标签</li>
<li>这是 <wavy>波浪线</wavy> 标签</li>
<li>这是 <del>删除线</del> 标签</li>
<li>这是 <sup class="tag-plugin colorful sup" color="red">上角标</sup> 标签</li>
<li>这是 <sub class="tag-plugin colorful sub" >下角标</sub> 标签</li>
<li>这是 <kbd>键盘样式</kbd> 标签，试一试：<kbd>⌘</kbd> + <kbd>D</kbd></li>
</ul>
<p>写法如下：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">- 这是 &#123;% psw 密码 %&#125; 标签</span><br><span class="line">- 这是 &#123;% u 下划线 %&#125; 标签</span><br><span class="line">- 这是 &#123;% emp 着重号 %&#125; 标签</span><br><span class="line">- 这是 &#123;% wavy 波浪线 %&#125; 标签</span><br><span class="line">- 这是 &#123;% del 删除线 %&#125; 标签</span><br><span class="line">- 这是 &#123;% sup 上角标 color:red %&#125; 标签</span><br><span class="line">- 这是 &#123;% sub 下角标 %&#125; 标签</span><br><span class="line">- 这是 &#123;% kbd 键盘样式 %&#125; 标签，试一试：&#123;% kbd ⌘ %&#125; + &#123;% kbd D %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h4 id="button-按钮"><a href="#button-按钮" class="headerlink" title="button 按钮"></a>button 按钮</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#button-%E6%8C%89%E9%92%AE">button 按钮</a></p>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.879 2.879C5 3.757 5 5.172 5 8v8c0 2.828 0 4.243.879 5.121C6.757 22 8.172 22 11 22h2c2.828 0 4.243 0 5.121-.879C19 20.243 19 18.828 19 16V8c0-2.828 0-4.243-.879-5.121C17.243 2 15.828 2 13 2h-2c-2.828 0-4.243 0-5.121.879M8.25 17a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M9 12.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM8.25 9A.75.75 0 0 1 9 8.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 9" clip-rule="evenodd"/><path fill="currentColor" d="M5.235 4.058C5 4.941 5 6.177 5 8v8c0 1.823 0 3.058.235 3.942L5 19.924c-.975-.096-1.631-.313-2.121-.803C2 18.243 2 16.828 2 14v-4c0-2.829 0-4.243.879-5.121c.49-.49 1.146-.707 2.121-.803zm13.53 15.884C19 19.058 19 17.822 19 16V8c0-1.823 0-3.059-.235-3.942l.235.018c.975.096 1.631.313 2.121.803C22 5.757 22 7.17 22 9.999v4c0 2.83 0 4.243-.879 5.122c-.49.49-1.146.707-2.121.803z" opacity=".5"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m13.629 20.472l-.542.916c-.483.816-1.69.816-2.174 0l-.542-.916c-.42-.71-.63-1.066-.968-1.262c-.338-.197-.763-.204-1.613-.219c-1.256-.021-2.043-.098-2.703-.372a5 5 0 0 1-2.706-2.706C2 14.995 2 13.83 2 11.5v-1c0-3.273 0-4.91.737-6.112a5 5 0 0 1 1.65-1.651C5.59 2 7.228 2 10.5 2h3c3.273 0 4.91 0 6.113.737a5 5 0 0 1 1.65 1.65C22 5.59 22 7.228 22 10.5v1c0 2.33 0 3.495-.38 4.413a5 5 0 0 1-2.707 2.706c-.66.274-1.447.35-2.703.372c-.85.015-1.275.022-1.613.219c-.338.196-.548.551-.968 1.262" opacity=".5"/><path fill="currentColor" d="M10.99 14.308c-1.327-.978-3.49-2.84-3.49-4.593c0-2.677 2.475-3.677 4.5-1.609c2.025-2.068 4.5-1.068 4.5 1.609c0 1.752-2.163 3.615-3.49 4.593c-.454.335-.681.502-1.01.502c-.329 0-.556-.167-1.01-.502"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0" opacity=".5"/><path fill="currentColor" d="M17.712 5.453c1.047-.193 2.006-.259 2.797-.152c.77.103 1.536.393 1.956 1.064c.446.714.312 1.542-.012 2.258c-.33.728-.918 1.499-1.672 2.268c-1.516 1.547-3.836 3.226-6.597 4.697c-2.763 1.472-5.495 2.484-7.694 2.92c-1.095.217-2.098.299-2.923.201c-.8-.095-1.6-.383-2.032-1.075c-.47-.752-.296-1.63.07-2.379c.375-.768 1.032-1.586 1.872-2.403L4 12.416c0 .219.083.71.168 1.146c.045.23.09.444.123.596c-.652.666-1.098 1.263-1.339 1.756c-.277.567-.208.825-.145.925c.072.116.305.305.937.38c.609.073 1.44.018 2.455-.183c2.02-.4 4.613-1.351 7.28-2.772c2.667-1.42 4.85-3.015 6.23-4.423c.694-.707 1.15-1.334 1.377-1.836c.233-.515.167-.75.107-.844c-.07-.112-.289-.294-.883-.374c-.542-.072-1.272-.041-2.163.112L16.87 5.656c.338-.101.658-.17.842-.203"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.25 4.48v3.057c0 .111 0 .27.02.406a.936.936 0 0 0 .445.683a.96.96 0 0 0 .783.072c.13-.04.272-.108.378-.159L17 8.005l1.124.534c.106.05.248.119.378.16a.958.958 0 0 0 .783-.073a.936.936 0 0 0 .444-.683c.021-.136.021-.295.021-.406V3.031c.113-.005.224-.01.332-.013C21.154 2.98 22 3.86 22 4.933v11.21c0 1.112-.906 2.01-2.015 2.08c-.97.06-2.108.179-2.985.41c-1.082.286-1.99 1.068-3.373 1.436c-.626.167-1.324.257-1.627.323V5.174c.32-.079 1.382-.203 1.674-.371c.184-.107.377-.216.576-.323m5.478 8.338a.75.75 0 0 1-.546.91l-4 1a.75.75 0 0 1-.364-1.456l4-1a.75.75 0 0 1 .91.546" clip-rule="evenodd"/><path fill="currentColor" d="M18.25 3.151c-.62.073-1.23.18-1.75.336a8.2 8.2 0 0 0-.75.27v3.182l.75-.356l.008-.005a1.13 1.13 0 0 1 .492-.13c.047 0 .094.004.138.01c.175.029.315.1.354.12l.009.005l.749.356V3.647z"/><path fill="currentColor" d="M12 5.214c-.334-.064-1.057-.161-1.718-.339C8.938 4.515 8.05 3.765 7 3.487c-.887-.234-2.041-.352-3.018-.412C2.886 3.007 2 3.9 2 4.998v11.146c0 1.11.906 2.01 2.015 2.079c.97.06 2.108.179 2.985.41c.486.129 1.216.431 1.873.726c1.005.451 2.052.797 3.127 1.034z" opacity=".5"/><path fill="currentColor" d="M4.273 12.818a.75.75 0 0 1 .91-.545l4 1a.75.75 0 1 1-.365 1.455l-4-1a.75.75 0 0 1-.545-.91m.909-4.545a.75.75 0 1 0-.364 1.455l4 1a.75.75 0 0 0 .364-1.455z"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="m15.9894 4.9502.5306-.53006zm3.0822 3.08542-.5306.53006zm-10.33323 11.39338-.5306.5301zm-4.11668-4.1209.5306-.53zm12.94521-.3138-.2637-.7021zm-1.9171.7203.2638.7021zm-7.3176-7.33283-.70422-.25802zm.69445-1.89541.70422.25802zm-3.18161 4.18714.19934.723zm1.45663-.5384-.43821-.60864zm.37415-.34472.57083.48642zm6.57518 6.59012.491.567zm-.8704 1.8207-.7232-.199zm.5363-1.4546-.6094-.4372zm-11.19844-3.9914-.74998.0048zm.21199-.8031-.64992-.3743zm8.37475 9.391.0012-.75zm.7881-.2084-.3718-.6514zm-.396-19.09864.1615.73239zm-10.2279 19.43384c-.29274.2931-.2925.768.00054 1.0607s.76792.2925 1.06066-.0005zm5.71443-3.5978c.29274-.293.2925-.7679-.00054-1.0607-.29305-.2927-.76792-.2925-1.06066.0006zm8.27497-12.39184 3.0822 3.08542 1.0612-1.06012-3.0822-3.08542zm-6.18983 13.41864-4.11668-4.1208-1.0612 1.0601 4.11668 4.1209zm8.03423-4.6067-1.9172.7203.5276 1.4042 1.9171-.7203zm-8.26678-5.65241.69445-1.89541-1.40844-.51604-.69445 1.89541zm-2.99204 2.75671c.71145-.1962 1.25281-.334 1.69549-.6527l-.87641-1.21734c-.17293.12451-.39745.19782-1.21776.42398zm1.5836-3.27275c-.29296.79957-.3846 1.01778-.52299 1.18016l1.14166.97289c.35376-.41505.53565-.94343.78977-1.63701zm.11189 2.62005c.18709-.1347.35725-.2915.50678-.467l-1.14166-.97289c-.07129.08366-.15239.15838-.24153.22255zm7.64613 4.2687c-.689.2589-1.2144.4446-1.626.801l.982 1.134c.1608-.1393.3772-.2323 1.1716-.5308zm-1.2823 3.3876c.2253-.8188.2984-1.0432.4226-1.2163l-1.2188-.8744c-.3173.4423-.4546.9825-.6501 1.6928zm-.3437-2.5866c-.1697.147-.3216.3134-.4525.4959l1.2188.8744c.0624-.087.1348-.1663.2157-.2363zm-8.60771-1.0354c-.64614-.6468-1.0843-1.0871-1.36863-1.4443-.28531-.3585-.31477-.5137-.31521-.5833l-1.49997.0095c.00367.5822.29279 1.0697.64154 1.5079.34974.4394.86113.9497 1.48107 1.5703zm.49341-4.82766c-.84522.23306-1.54174.42386-2.06274.63306-.51955.2085-1.0118.4897-1.30243.9943l1.29985.7486c.03462-.0601.13655-.1804.56142-.3509.42343-.17 1.02157-.3361 1.90258-.579zm-2.17725 2.80006c-.00094-.1489.03771-.2952.11193-.4241l-1.29985-.7486c-.20699.3594-.31467.7674-.31205 1.1822zm4.73932 7.2086c.62387.6245 1.13687 1.1396 1.5787 1.4915.44053.3509.93143.6416 1.51763.6425l.0023-1.5c-.0695-.0001-.225-.0287-.5854-.3158-.3592-.2861-.80177-.7274-1.45203-1.3784zm4.44963-1.9569c-.2441.8875-.4112 1.4902-.5823 1.9166-.1718.4279-.293.5299-.3536.5645l.7435 1.3028c.509-.2905.7923-.7857 1.0021-1.3086.2105-.5243.4023-1.2259.6366-2.0774zm-1.3533 4.0909c.4071.0006.8073-.1052 1.1609-.307l-.7435-1.3028c-.1265.0722-.2696.11-.4151.1098zm7.2369-13.52742c1.0635 1.06454 1.7993 1.80382 2.2507 2.41312.4436.5986.4946.9171.4404 1.1676l1.4661.317c.1899-.878-.16-1.6472-.7013-2.3777-.5334-.71978-1.3664-1.55084-2.3947-2.58014zm-.7103 7.13072c1.3614-.5115 2.4633-.9234 3.2464-1.358.7947-.4411 1.4312-.9968 1.6211-1.875l-1.4661-.317c-.0541.2504-.232.5191-.883.8804-.6626.3678-1.6379.7364-3.0459 1.2654zm-1.3107-11.27626c-1.0359-1.03694-1.8719-1.87661-2.5954-2.41376-.7338-.54473-1.5071-.89726-2.3889-.70271l.3231 1.46478c.2498-.0551.5689-.00515 1.1716.4423.6129.45504 1.3572 1.19726 2.4284 2.26951zm-6.78913 2.32424c.52163-1.42363.88523-2.41035 1.25033-3.08123.359-.65977.6278-.83958.8776-.8947l-.3231-1.46478c-.8817.19452-1.4352.83965-1.87208 1.64251-.43084.79175-.83674 1.90536-1.34119 3.28216zm-7.20027 15.78572 4.65323-4.658-1.0612-1.0601-4.65323 4.6579z" fill="currentColor"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m10 3-5 18"/><path d="m19 3-5 18"/><path d="m22 9h-18"/><path d="m20 16h-18"/></g></svg><span>探索</span></a>

<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg aria-hidden="true" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"></path></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg t="1705074644177" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1560" width="200" height="200"><path d="M1008.839137 935.96571L792.364903 719.491476a56.783488 56.783488 0 0 0-80.152866 0 358.53545 358.53545 0 1 1 100.857314-335.166073 362.840335 362.840335 0 0 1-3.689902 170.145468 51.248635 51.248635 0 1 0 99.217358 26.444296 462.057693 462.057693 0 1 0-158.255785 242.303546l185.930047 185.725053a51.248635 51.248635 0 0 0 72.568068 0 51.248635 51.248635 0 0 0 0-72.978056z" p-id="1561"></path><path d="M616.479587 615.969233a50.428657 50.428657 0 0 0-61.498362-5.534852 174.655348 174.655348 0 0 1-177.525271 3.484907 49.403684 49.403684 0 0 0-58.833433 6.76482l-3.074918 2.869923a49.403684 49.403684 0 0 0 8.609771 78.10292 277.767601 277.767601 0 0 0 286.992355-5.739847 49.403684 49.403684 0 0 0 8.404776-76.667958z" p-id="1562"></path></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19q0-.825.588-1.412T5 17q.825 0 1.413.588T7 19q0 .825-.587 1.413T5 21m13.5 0q-.65 0-1.088-.475T16.9 19.4q-.275-2.425-1.312-4.537T12.9 11.1q-1.65-1.65-3.762-2.687T4.6 7.1q-.65-.075-1.125-.512T3 5.5q0-.65.45-1.062t1.075-.363q3.075.275 5.763 1.563t4.737 3.337q2.05 2.05 3.338 4.738t1.562 5.762q.05.625-.363 1.075T18.5 21m-6 0q-.625 0-1.075-.437T10.85 19.5q-.225-1.225-.787-2.262T8.65 15.35q-.85-.85-1.888-1.412T4.5 13.15q-.625-.125-1.062-.575T3 11.5q0-.65.45-1.075t1.075-.325q1.825.25 3.413 1.063t2.837 2.062q1.25 1.25 2.063 2.838t1.062 3.412q.1.625-.325 1.075T12.5 21"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg class="active-icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M21 11.098v4.993c0 3.096 0 4.645-.734 5.321c-.35.323-.792.526-1.263.58c-.987.113-2.14-.907-4.445-2.946c-1.02-.901-1.529-1.352-2.118-1.47a2.225 2.225 0 0 0-.88 0c-.59.118-1.099.569-2.118 1.47c-2.305 2.039-3.458 3.059-4.445 2.945a2.238 2.238 0 0 1-1.263-.579C3 20.736 3 19.188 3 16.091v-4.994C3 6.81 3 4.666 4.318 3.333C5.636 2 7.758 2 12 2c4.243 0 6.364 0 7.682 1.332C21 4.665 21 6.81 21 11.098" opacity=".5"/><path fill="currentColor" d="M9 5.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 11c0-3.771 0-5.657 1.172-6.828C4.343 3 6.229 3 10 3h4c3.771 0 5.657 0 6.828 1.172C22 5.343 22 7.229 22 11v2c0 3.771 0 5.657-1.172 6.828C19.657 21 17.771 21 14 21h-4c-3.771 0-5.657 0-6.828-1.172C2 18.657 2 16.771 2 13z"/><path id="sep" stroke-linecap="round" d="M5.5 10h6m-5 4h4m4.5 7V3"/></g></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6h11m-11 6h11m-11 6h11M4 6h1v4m-1 0h2m0 8H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m12 16.068l-3.771 3.905c-.54.559-.81.839-1.04.935c-.52.22-1.099.032-1.373-.448c-.12-.21-.158-.59-.232-1.35c-.043-.43-.064-.644-.128-.824a1.433 1.433 0 0 0-.835-.864c-.173-.067-.38-.089-.795-.133c-.734-.077-1.101-.116-1.305-.24c-.463-.284-.646-.883-.433-1.422c.094-.237.364-.517.904-1.076L5.456 12l1.238-1.238zl5.306-5.306L18.544 12l2.464 2.55c.54.56.81.84.904 1.076c.213.54.03 1.139-.433 1.423c-.204.124-.57.163-1.305.24c-.414.044-.622.066-.795.133c-.389.149-.69.462-.835.864c-.064.18-.085.394-.128.823c-.075.76-.112 1.14-.232 1.351c-.274.48-.853.669-1.374.448c-.228-.096-.498-.376-1.038-.935z" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M12 16a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0-10c-.284 0-.474.34-.854 1.023l-.098.176c-.108.194-.162.29-.246.354c-.085.064-.19.088-.4.135l-.19.044c-.738.167-1.107.25-1.195.532c-.088.283.164.577.667 1.165l.13.152c.143.167.215.25.247.354c.032.104.021.215 0 .438l-.02.203c-.076.785-.114 1.178.115 1.352c.23.174.576.015 1.267-.303l.178-.082c.197-.09.295-.135.399-.135c.104 0 .202.045.399.135l.178.082c.691.319 1.037.477 1.267.303c.23-.174.191-.567.115-1.352l-.02-.203c-.021-.223-.032-.334 0-.438c.032-.103.104-.187.247-.354l.13-.152c.503-.588.755-.882.667-1.165c-.088-.282-.457-.365-1.195-.532l-.19-.044c-.21-.047-.315-.07-.4-.135c-.084-.064-.138-.16-.246-.354l-.098-.176C12.474 6.34 12.284 6 12 6" clip-rule="evenodd"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg style="margin-bottom:2px" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M6.94 2c.416 0 .753.324.753.724v1.46c.668-.012 1.417-.012 2.26-.012h4.015c.842 0 1.591 0 2.259.013v-1.46c0-.4.337-.725.753-.725s.753.324.753.724V4.25c1.445.111 2.394.384 3.09 1.055c.698.67.982 1.582 1.097 2.972L22 9H2v-.724c.116-1.39.4-2.302 1.097-2.972c.697-.67 1.645-.944 3.09-1.055V2.724c0-.4.337-.724.753-.724"/><path fill="currentColor" d="M22 14v-2c0-.839-.004-2.335-.017-3H2.01c-.013.665-.01 2.161-.01 3v2c0 3.771 0 5.657 1.172 6.828C4.343 22 6.228 22 10 22h4c3.77 0 5.656 0 6.828-1.172C22 19.658 22 17.772 22 14" opacity=".5"/><path fill="currentColor" d="M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg style="margin-bottom:1px" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M2 6.95c0-.883 0-1.324.07-1.692A4 4 0 0 1 5.257 2.07C5.626 2 6.068 2 6.95 2c.386 0 .58 0 .766.017a4 4 0 0 1 2.18.904c.144.119.28.255.554.529L11 4c.816.816 1.224 1.224 1.712 1.495a4 4 0 0 0 .848.352C14.098 6 14.675 6 15.828 6h.374c2.632 0 3.949 0 4.804.77c.079.07.154.145.224.224c.77.855.77 2.172.77 4.804V14c0 3.771 0 5.657-1.172 6.828C19.657 22 17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172C2 19.657 2 17.771 2 14z" opacity=".5"/><path fill="currentColor" d="M20 6.238c0-.298-.005-.475-.025-.63a3 3 0 0 0-2.583-2.582C17.197 3 16.965 3 16.5 3H9.988c.116.104.247.234.462.45L11 4c.816.816 1.224 1.224 1.712 1.495a4 4 0 0 0 .849.352C14.098 6 14.675 6 15.829 6h.373c1.78 0 2.957 0 3.798.238"/><path fill="currentColor" fill-rule="evenodd" d="M12.25 10a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.943 1.25H13.5a.75.75 0 0 1 0 1.5H12c-2.378 0-4.086.002-5.386.176c-1.279.172-2.05.5-2.62 1.069c-.569.57-.896 1.34-1.068 2.619c-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.174-1.3.176-3.008.176-5.386v-1.5a.75.75 0 0 1 1.5 0v1.557c0 2.309 0 4.118-.19 5.53c-.194 1.444-.6 2.584-1.494 3.479c-.895.895-2.035 1.3-3.48 1.494c-1.411.19-3.22.19-5.529.19h-.114c-2.309 0-4.118 0-5.53-.19c-1.444-.194-2.584-.6-3.479-1.494c-.895-.895-1.3-2.035-1.494-3.48c-.19-1.411-.19-3.22-.19-5.529v-.114c0-2.309 0-4.118.19-5.53c.194-1.444.6-2.584 1.494-3.479c.895-.895 2.035-1.3 3.48-1.494c1.411-.19 3.22-.19 5.529-.19m4.827 1.026a3.503 3.503 0 0 1 4.954 4.953l-6.648 6.649c-.371.37-.604.604-.863.806a5.34 5.34 0 0 1-.987.61c-.297.141-.61.245-1.107.411l-2.905.968a1.492 1.492 0 0 1-1.887-1.887l.968-2.905c.166-.498.27-.81.411-1.107c.167-.35.372-.68.61-.987c.202-.26.435-.492.806-.863zm3.893 1.06a2.003 2.003 0 0 0-2.832 0l-.376.377c.022.096.054.21.098.338c.143.413.415.957.927 1.469a3.875 3.875 0 0 0 1.807 1.025l.376-.376a2.003 2.003 0 0 0 0-2.832m-1.558 4.391a5.397 5.397 0 0 1-1.686-1.146a5.395 5.395 0 0 1-1.146-1.686L11.218 9.95c-.417.417-.58.582-.72.76a3.84 3.84 0 0 0-.437.71c-.098.203-.172.423-.359.982l-.431 1.295l1.032 1.033l1.295-.432c.56-.187.779-.261.983-.358c.251-.12.49-.267.71-.439c.177-.139.342-.302.759-.718z" clip-rule="evenodd"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z"/><path stroke-linecap="round" stroke-linejoin="round" d="m9 15.5l3-3l3 3m-6-4l3-3l3 3"/></g></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.46 1.25h3.08c1.603 0 2.86 0 3.864.095c1.023.098 1.861.3 2.6.752a5.75 5.75 0 0 1 1.899 1.899c.452.738.654 1.577.752 2.6c.095 1.004.095 2.261.095 3.865v1.067c0 1.141 0 2.036-.05 2.759c-.05.735-.153 1.347-.388 1.913a5.75 5.75 0 0 1-3.112 3.112c-.805.334-1.721.408-2.977.43a10.81 10.81 0 0 0-.929.036c-.198.022-.275.054-.32.08c-.047.028-.112.078-.224.232c-.121.166-.258.396-.476.764l-.542.916c-.773 1.307-2.69 1.307-3.464 0l-.542-.916a10.605 10.605 0 0 0-.476-.764c-.112-.154-.177-.204-.224-.232c-.045-.026-.122-.058-.32-.08c-.212-.023-.49-.03-.93-.037c-1.255-.021-2.171-.095-2.976-.429A5.75 5.75 0 0 1 1.688 16.2c-.235-.566-.338-1.178-.389-1.913c-.049-.723-.049-1.618-.049-2.76v-1.066c0-1.604 0-2.86.095-3.865c.098-1.023.3-1.862.752-2.6a5.75 5.75 0 0 1 1.899-1.899c.738-.452 1.577-.654 2.6-.752C7.6 1.25 8.857 1.25 10.461 1.25M6.739 2.839c-.914.087-1.495.253-1.959.537A4.25 4.25 0 0 0 3.376 4.78c-.284.464-.45 1.045-.537 1.96c-.088.924-.089 2.11-.089 3.761v1c0 1.175 0 2.019.046 2.685c.045.659.131 1.089.278 1.441a4.25 4.25 0 0 0 2.3 2.3c.515.214 1.173.294 2.429.316h.031c.398.007.747.013 1.037.045c.311.035.616.104.909.274c.29.17.5.395.682.645c.169.232.342.525.538.856l.559.944a.52.52 0 0 0 .882 0l.559-.944c.196-.331.37-.624.538-.856c.182-.25.392-.476.682-.645c.293-.17.598-.24.909-.274c.29-.032.639-.038 1.037-.045h.032c1.255-.022 1.913-.102 2.428-.316a4.25 4.25 0 0 0 2.3-2.3c.147-.352.233-.782.278-1.441c.046-.666.046-1.51.046-2.685v-1c0-1.651 0-2.837-.089-3.762c-.087-.914-.253-1.495-.537-1.959a4.25 4.25 0 0 0-1.403-1.403c-.464-.284-1.045-.45-1.96-.537c-.924-.088-2.11-.089-3.761-.089h-3c-1.651 0-2.837 0-3.762.089" clip-rule="evenodd"/><path fill="currentColor" d="M9 11a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M582.4 326.4c-140.8 0-256 115.2-256 256s115.2 256 256 256 256-115.2 256-256-115.2-256-256-256z m0 448c-70.4 0-131.2-36.8-164.8-92.8 12.8 3.2 27.2 4.8 40 4.8 121.6 0 219.2-99.2 219.2-219.2 0-17.6-1.6-35.2-6.4-52.8 60.8 32 102.4 96 102.4 169.6 1.6 104-84.8 190.4-190.4 190.4zM582.4 262.4c17.6 0 32-14.4 32-32v-128c0-17.6-14.4-32-32-32s-32 14.4-32 32v128c0 17.6 14.4 32 32 32zM262.4 582.4c0-17.6-14.4-32-32-32h-128c-17.6 0-32 14.4-32 32s14.4 32 32 32h128c17.6 0 32-14.4 32-32zM310.4 356.8c6.4 6.4 14.4 9.6 22.4 9.6 8 0 16-3.2 22.4-9.6 12.8-12.8 12.8-32 0-44.8l-91.2-91.2c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l91.2 91.2zM944 220.8c-12.8-12.8-32-12.8-44.8 0l-91.2 91.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.4 9.6 22.4 9.6 8 0 16-3.2 22.4-9.6l91.2-91.2c12.8-12.8 12.8-33.6 0-44.8zM310.4 808l-91.2 91.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.4 9.6 22.4 9.6 8 0 16-3.2 22.4-9.6l91.2-91.2c12.8-12.8 12.8-32 0-44.8-11.2-11.2-32-11.2-44.8 0z"></path></svg><span>探索</span></a>

<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg><span>探索</span></a>

<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><img class="lazy"  src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/b32ef3da1162a.svg" /><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><img class="lazy"  src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/80c07e4dbb303.svg" /><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><img class="lazy"  src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/a1b00e20f425d.svg" /><span>探索</span></a>
<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><img class="lazy"  src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/8411ed322ced6.svg" /><span>探索</span></a>

<a class="tag-plugin colorful button" color="theme" title="探索" target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18M128 192a12 12 0 1 1 12-12a12 12 0 0 1-12 12m8-48.72v.72a8 8 0 0 1-16 0v-8a8 8 0 0 1 8-8c13.23 0 24-9 24-20s-10.77-20-24-20s-24 9-24 20v4a8 8 0 0 1-16 0v-4c0-19.85 17.94-36 40-36s40 16.15 40 36c0 17.38-13.76 31.93-32 35.28"/></svg><span>探索</span></a>



<div class="tag-plugin tabs" align="center"id="tab_5"><div class="nav-tabs"><div class="tab active"><a href="#tab_5-1">写法说明</a></div><div class="tab"><a href="#tab_5-2">语法格式</a></div><div class="tab"><a href="#tab_5-3">图标大全</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_5-1"><figure class="highlight txt"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% button 探索 https://xaoxuu.com/wiki/stellar/ icon:solar:documents-bold-duotone %&#125;</span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="tab_5-2"><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># &#123;% button text url [icon:key/src] [color:color] [size:xs] %&#125;</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># 必填</span></span><br><span class="line"><span class="attr">text:</span> <span class="string">探索</span> <span class="comment"># 显示文字</span></span><br><span class="line"><span class="attr">url:</span> <span class="comment"># 跳转链接</span></span><br><span class="line"><span class="comment"># 可选参数</span></span><br><span class="line"><span class="attr">color:</span> <span class="string">orange</span> <span class="comment"># theme, accent, red, orange, yellow, green, cyan, blue, purple</span></span><br><span class="line"><span class="attr">icon:</span> <span class="string">solar:planet-bold-duotone</span> <span class="comment"># 显示图标，支持 icon.yml 中的文件名和外链图标</span></span><br><span class="line"><span class="attr">size:</span> <span class="string">xs</span> <span class="comment"># 按钮尺寸，目前只有两种尺寸：默认是普通大小， xs 是最小号</span></span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="tab_5-3"><figure class="highlight txt"><figcaption><span>icons.yml</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br></pre></td><td class="code"><pre><span class="line">solar:documents-bold-duotone</span><br><span class="line">solar:chat-square-like-bold-duotone</span><br><span class="line">solar:planet-bold-duotone</span><br><span class="line">solar:notebook-bookmark-bold-duotone</span><br><span class="line">solar:pin-linear</span><br><span class="line">solar:hashtag-linear</span><br><span class="line"></span><br><span class="line">default:goback</span><br><span class="line">default:search</span><br><span class="line">default:rss</span><br><span class="line">default:bookmark.active</span><br><span class="line">default:leftbar</span><br><span class="line">default:rightbar</span><br><span class="line">default:pin</span><br><span class="line">default:calendar</span><br><span class="line">default:category</span><br><span class="line">default:edit</span><br><span class="line">default:upup</span><br><span class="line">default:tocomment</span><br><span class="line">default:theme</span><br><span class="line"></span><br><span class="line">github:logo</span><br><span class="line">github:repo</span><br><span class="line">github:star</span><br><span class="line">github:fork</span><br><span class="line">github:tag</span><br><span class="line"></span><br><span class="line">share:wechat</span><br><span class="line">share:weibo</span><br><span class="line">share:email</span><br><span class="line">share:link</span><br><span class="line"></span><br><span class="line">ph:seal-question-fill</span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h4 id="radio-单选"><a href="#radio-单选" class="headerlink" title="radio 单选"></a>radio 单选</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#radio-%E5%8D%95%E9%80%89">radio 单选</a></p>
<div class="tag-plugin tabs"id="tab_6"><div class="nav-tabs"><div class="tab active"><a href="#tab_6-1">示例</a></div><div class="tab"><a href="#tab_6-2">代码</a></div><div class="tab"><a href="#tab_6-3">写法</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_6-1"><div class="tag-plugin colorful checkbox" ><input type="radio"/><span>没有勾选的单选框</span></div>
<div class="tag-plugin colorful checkbox" ><input type="radio" checked="true"/><span>已勾选的单选框</span></div></div><div class="tab-pane" id="tab_6-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% radio 没有勾选的单选框 %&#125;</span><br><span class="line">&#123;% radio checked:true 已勾选的单选框 %&#125;</span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="tab_6-3"><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">checked:</span> <span class="literal">true</span><span class="string">/false</span></span><br><span class="line"><span class="attr">color:</span> <span class="string">red/orange/yellow/green/cyan/blue/purple</span></span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h4 id="checkbox-复选"><a href="#checkbox-复选" class="headerlink" title="checkbox 复选"></a>checkbox 复选</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#checkbox-%E5%A4%8D%E9%80%89">checkbox 复选</a></p>
<div class="tag-plugin tabs"id="tab_7"><div class="nav-tabs"><div class="tab active"><a href="#tab_7-1">示例</a></div><div class="tab"><a href="#tab_7-2">代码</a></div><div class="tab"><a href="#tab_7-3">写法</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_7-1"><div class="tag-plugin colorful checkbox" ><input type="checkbox"/><span>普通的没有勾选的复选框</span></div>
<div class="tag-plugin colorful checkbox" ><input type="checkbox" checked="true"/><span>普通的已勾选的复选框</span></div>
<div class="tag-plugin colorful checkbox" color="green" symbol="plus"><input type="checkbox" checked="true"/><span>显示为加号的绿色的已勾选的复选框</span></div>
<div class="tag-plugin colorful checkbox" color="yellow" symbol="minus"><input type="checkbox" checked="true"/><span>显示为减号的黄色的已勾选的复选框</span></div>
<div class="tag-plugin colorful checkbox" color="red" symbol="times"><input type="checkbox" checked="true"/><span>显示为乘号的红色的已勾选的复选框</span></div></div><div class="tab-pane" id="tab_7-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% checkbox 普通的没有勾选的复选框 %&#125;</span><br><span class="line">&#123;% checkbox checked:true 普通的已勾选的复选框 %&#125;</span><br><span class="line">&#123;% checkbox symbol:plus color:green checked:true 显示为加号的绿色的已勾选的复选框 %&#125;</span><br><span class="line">&#123;% checkbox symbol:minus color:yellow checked:true 显示为减号的黄色的已勾选的复选框 %&#125;</span><br><span class="line">&#123;% checkbox symbol:times color:red checked:true 显示为乘号的红色的已勾选的复选框 %&#125;</span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="tab_7-3"><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">checked:</span> <span class="literal">true</span><span class="string">/false</span></span><br><span class="line"><span class="attr">color:</span> <span class="string">red/orange/yellow/green/cyan/blue/purple</span></span><br><span class="line"><span class="attr">symbol:</span> <span class="string">plus/minus/times</span></span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h4 id="navbar-导航栏"><a href="#navbar-导航栏" class="headerlink" title="navbar 导航栏"></a>navbar 导航栏</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/index.html#navbar-%E5%AF%BC%E8%88%AA%E6%A0%8F">navbar 导航栏</a></p>
<p>文章内也可以插入一个导航栏：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% navbar active:1 [文章](/) [项目](/wiki/) [留言](#comments) [GitHub](https://github.com/xaoxuu/) %&#125;</span><br></pre></td></tr></table></figure>

<div class="tag-plugin navbar"><nav><a class="link" href="/">文章</a><a class="link" href="/wiki/">项目</a><a class="link" href="#comments">留言</a><a class="link" target="_blank" rel="noopener" href="https://github.com/xaoxuu/">GitHub</a></nav></div>

<hr>
<h4 id="poetry-诗词"><a href="#poetry-诗词" class="headerlink" title="poetry 诗词"></a>poetry 诗词</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#poetry-%E8%AF%97%E8%AF%8D">poetry 诗词</a></p>
<div class="tag-plugin tabs"id="tab_8"><div class="nav-tabs"><div class="tab active"><a href="#tab_8-1">示例</a></div><div class="tab"><a href="#tab_8-2">代码</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_8-1"><div class="tag-plugin poetry"><div class="content"><div class="title">游山西村</div><div class="meta"><span>陆游</span></div><div class="body"><p>莫笑农家腊酒浑，丰年留客足鸡豚。<br><strong>山重水复疑无路，柳暗花明又一村。</strong><br>箫鼓追随春社近，衣冠简朴古风存。<br>从今若许闲乘月，拄杖无时夜叩门。</p></div><div class="footer">诗词节选</div></div></div></div><div class="tab-pane" id="tab_8-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">&#123;% poetry 游山西村 author:陆游 footer:诗词节选 %&#125;</span><br><span class="line"></span><br><span class="line">莫笑农家腊酒浑，丰年留客足鸡豚。</span><br><span class="line">**山重水复疑无路，柳暗花明又一村。**</span><br><span class="line">箫鼓追随春社近，衣冠简朴古风存。</span><br><span class="line">从今若许闲乘月，拄杖无时夜叩门。</span><br><span class="line"></span><br><span class="line">&#123;% endpoetry %&#125;</span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h4 id="paper-纸张标签"><a href="#paper-纸张标签" class="headerlink" title="paper 纸张标签"></a>paper 纸张标签</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#paper-%E7%BA%B8%E5%BC%A0%E6%A0%87%E7%AD%BE">paper 纸张标签</a></p>
<div class="tag-plugin tabs"id="tab_9"><div class="nav-tabs"><div class="tab active"><a href="#tab_9-1">示例</a></div><div class="tab"><a href="#tab_9-2">代码</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_9-1"><div class="tag-plugin paper"><div class="content underline"><div class="title">文言文</div><div class="body"><div class="line"><p>出师表</p></div><div class="paragraph"><p>先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。</p></div><div class="line right"><p>后出师表</p></div><div class="paragraph"><p>先帝深虑汉、贼不两立，王业不偏安，故托臣以讨贼也。以先帝之明，量臣之才，固知臣伐贼，才弱敌强也。然不伐贼，王业亦亡。惟坐而待亡，孰与伐之？是故托臣而弗疑也。</p></div></div><div class="footer"><div class="author-date"><span class="author">诸葛亮</span><span class="date">三国</span></div>节选</div></div></div></div><div class="tab-pane" id="tab_9-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">&#123;% paper style:underline title:文言文 author:诸葛亮 date:三国 footer:节选 %&#125;</span><br><span class="line">&lt;!-- line left --&gt;</span><br><span class="line">出师表</span><br><span class="line">&lt;!-- paragraph --&gt;</span><br><span class="line">先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。</span><br><span class="line">&lt;!-- line right --&gt;</span><br><span class="line">后出师表</span><br><span class="line">&lt;!-- paragraph --&gt;</span><br><span class="line">先帝深虑汉、贼不两立，王业不偏安，故托臣以讨贼也。以先帝之明，量臣之才，固知臣伐贼，才弱敌强也。然不伐贼，王业亦亡。惟坐而待亡，孰与伐之？是故托臣而弗疑也。</span><br><span class="line">&#123;% endpaper %&#125;</span><br></pre></td></tr></table></figure>

<figure class="highlight yaml"><figcaption><span>可选参数</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">style:</span> <span class="string">underline/无</span> <span class="comment"># 是否带下划线</span></span><br><span class="line"><span class="attr">title:</span> <span class="comment"># 标题</span></span><br><span class="line"><span class="attr">author:</span> <span class="comment"># 作者</span></span><br><span class="line"><span class="attr">date:</span> <span class="comment"># 日期</span></span><br><span class="line"><span class="attr">footer:</span> <span class="comment"># 页脚信息</span></span><br></pre></td></tr></table></figure>

<p>正文中可以设置行段落格式以显示不同的效果</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">&lt;!-- section 小节标题 --&gt;</span><br><span class="line">小节标题，居中显示</span><br><span class="line">&lt;!-- paragraph --&gt;</span><br><span class="line">段落，首行缩进两个字符</span><br><span class="line">&lt;!-- line left --&gt;</span><br><span class="line">段落左对齐</span><br><span class="line">&lt;!-- line right --&gt;</span><br><span class="line">段落右对齐</span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h4 id="reel-卷轴标签"><a href="#reel-卷轴标签" class="headerlink" title="reel 卷轴标签"></a>reel 卷轴标签</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#reel-%E5%8D%B7%E8%BD%B4%E6%A0%87%E7%AD%BE">reel 卷轴标签</a></p>
<div class="tag-plugin tabs"id="tab_10"><div class="nav-tabs"><div class="tab active"><a href="#tab_10-1">示例</a></div><div class="tab"><a href="#tab_10-2">写法</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_10-1"><div class="tag-plugin reel"><div class="content"><div class="title">滕王阁序</div><div class="meta"><span>王勃</span></div><div class="body"><div class="main"><p>时维九月，序属三秋。<br>潦水尽而寒潭清，烟光凝而暮山紫。<br>俨骖騑于上路，访风景于崇阿。<br>临帝子之长洲，得天人之旧馆。<br>层峦耸翠，上出重霄；<br>飞阁流丹，下临无地。<br>鹤汀凫渚，穷岛屿之萦回；<br>桂殿兰宫，即冈峦之体势。</p></div></div><div class="date">重九日</div><div class="footer">节选</div></div></div></div><div class="tab-pane" id="tab_10-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">&#123;% reel 滕王阁序 author:王勃 date:重九日 footer:节选 %&#125;</span><br><span class="line">时维九月，序属三秋。</span><br><span class="line">潦水尽而寒潭清，烟光凝而暮山紫。</span><br><span class="line">俨骖騑于上路，访风景于崇阿。</span><br><span class="line">临帝子之长洲，得天人之旧馆。</span><br><span class="line">层峦耸翠，上出重霄；</span><br><span class="line">飞阁流丹，下临无地。</span><br><span class="line">鹤汀凫渚，穷岛屿之萦回；</span><br><span class="line">桂殿兰宫，即冈峦之体势。</span><br><span class="line">&#123;% endreel %&#125;</span><br></pre></td></tr></table></figure>

<figure class="highlight yaml"><figcaption><span>可选参数</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">title:</span> <span class="comment"># 标题</span></span><br><span class="line"><span class="attr">author:</span> <span class="comment"># 作者</span></span><br><span class="line"><span class="attr">date:</span> <span class="comment"># 日期</span></span><br><span class="line"><span class="attr">footer:</span> <span class="comment"># 页脚信息</span></span><br></pre></td></tr></table></figure></div></div></div>

<h4 id="图文表现"><a href="#图文表现" class="headerlink" title="图文表现"></a>图文表现</h4><h5 id="emoji-表情"><a href="#emoji-表情" class="headerlink" title="emoji 表情"></a>emoji 表情</h5><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#emoji-%E8%A1%A8%E6%83%85%E5%8C%85">emoji 表情</a>：如下分别对应的表情为 <span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/emoji/qq/爱你.gif"/></span> <span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png"/></span> <span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatattentionreverse.png"/></span> <span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/emoji/tieba/滑稽.png"/></span></p>
<p>表情速查表：<a target="_blank" rel="noopener" href="https://weekdaycare.cn/posts/emoji-blob/">Stellar内嵌blobcat小表情</a></p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&#123;% emoji 爱你 %&#125;</span><br><span class="line">&#123;% emoji blobcat ablobcatrainbow %&#125;</span><br><span class="line">&#123;% emoji blobcat ablobcatattentionreverse %&#125;</span><br><span class="line">&#123;% emoji tieba 滑稽 %&#125;</span><br></pre></td></tr></table></figure>

<p>需要指定高度：<center><span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png" style="height:1em"/></span><span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png" style="height:2em"/></span><span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png" style="height:3em"/></span><span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png" style="height:2em"/></span><span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/ablobcatrainbow.png" style="height:1em"/></span></center></p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&lt;center&gt;&#123;% emoji blobcat ablobcatrainbow height:1em %&#125;&#123;% emoji blobcat ablobcatrainbow height:2em %&#125;&#123;% emoji blobcat ablobcatrainbow height:3em %&#125;&#123;% emoji blobcat ablobcatrainbow height:2em %&#125;&#123;% emoji blobcat ablobcatrainbow height:1em %&#125;&lt;/center&gt;</span><br></pre></td></tr></table></figure>

<hr>
<h5 id="icon-图标标签"><a href="#icon-图标标签" class="headerlink" title="icon 图标标签"></a>icon 图标标签</h5><p>icons.yml 中的图标：<span class="tag-plugin icon colorful" color="accent"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M20 12a8 8 0 1 1-16 0a8 8 0 0 1 16 0" opacity=".5"/><path fill="currentColor" d="M17.712 5.453c1.047-.193 2.006-.259 2.797-.152c.77.103 1.536.393 1.956 1.064c.446.714.312 1.542-.012 2.258c-.33.728-.918 1.499-1.672 2.268c-1.516 1.547-3.836 3.226-6.597 4.697c-2.763 1.472-5.495 2.484-7.694 2.92c-1.095.217-2.098.299-2.923.201c-.8-.095-1.6-.383-2.032-1.075c-.47-.752-.296-1.63.07-2.379c.375-.768 1.032-1.586 1.872-2.403L4 12.416c0 .219.083.71.168 1.146c.045.23.09.444.123.596c-.652.666-1.098 1.263-1.339 1.756c-.277.567-.208.825-.145.925c.072.116.305.305.937.38c.609.073 1.44.018 2.455-.183c2.02-.4 4.613-1.351 7.28-2.772c2.667-1.42 4.85-3.015 6.23-4.423c.694-.707 1.15-1.334 1.377-1.836c.233-.515.167-.75.107-.844c-.07-.112-.289-.294-.883-.374c-.542-.072-1.272-.041-2.163.112L16.87 5.656c.338-.101.658-.17.842-.203"/></svg></span><br>外链图标：<span class="tag-plugin icon colorful" color="accent"><img class="lazy"  src="" data-src="https://api.iconify.design/solar:link-circle-bold.svg" /></span><br>指定颜色：<span class="tag-plugin icon colorful" color="purple"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18M128 192a12 12 0 1 1 12-12a12 12 0 0 1-12 12m8-48.72v.72a8 8 0 0 1-16 0v-8a8 8 0 0 1 8-8c13.23 0 24-9 24-20s-10.77-20-24-20s-24 9-24 20v4a8 8 0 0 1-16 0v-4c0-19.85 17.94-36 40-36s40 16.15 40 36c0 17.38-13.76 31.93-32 35.28"/></svg></span></p>
<figure class="highlight txt"><figcaption><span>写法如下</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">icons.yml 中的图标：&#123;% icon solar:planet-bold-duotone %&#125;</span><br><span class="line">外链图标：&#123;% icon https://api.iconify.design/solar:link-circle-bold.svg %&#125;</span><br><span class="line">指定颜色：&#123;% icon ph:seal-question-fill color:purple %&#125;</span><br></pre></td></tr></table></figure>

<figure class="highlight yaml"><figcaption><span>配置默认颜色</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">tag_plugins:</span></span><br><span class="line">  <span class="attr">icon:</span></span><br><span class="line">    <span class="comment"># 留空时，图标和文字颜色相同</span></span><br><span class="line">    <span class="attr">default_color:</span> <span class="string">accent</span> <span class="comment"># theme, accent, red, orange, yellow, green, cyan, blue, purple</span></span><br></pre></td></tr></table></figure>



<hr>
<h5 id="image-图片标签"><a href="#image-图片标签" class="headerlink" title="image 图片标签"></a>image 图片标签</h5><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#image-%E5%9B%BE%E7%89%87%E6%A0%87%E7%AD%BE">image 图片标签</a></p>
<div class="tag-plugin tabs"id="tab_11"><div class="nav-tabs"><div class="tab active"><a href="#tab_11-1">示例</a></div><div class="tab"><a href="#tab_11-2">写法</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_11-1"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% image src [description] [download:bool/string] [width:px] [padding:px] [bg:hex] %&#125;</span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="tab_11-2"><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">src:</span> <span class="string">图片地址</span></span><br><span class="line"><span class="attr">description:</span> <span class="string">图片描述</span></span><br><span class="line"><span class="attr">download:</span> <span class="string">href</span> <span class="comment"># 下载地址，如果下载地址为图片地址，可以设置为 true。如果下载链接与显示的图片地址不同，则可以设置此值</span></span><br><span class="line"><span class="attr">width:</span> <span class="string">200px</span> <span class="comment"># 图片宽度</span></span><br><span class="line"><span class="attr">padding:</span> <span class="string">16px</span> <span class="comment"># 图片四周填充宽度</span></span><br><span class="line"><span class="attr">bg:</span> <span class="string">&#x27;#ffffff&#x27;</span> <span class="comment"># 图片区域背景颜色，16进制</span></span><br></pre></td></tr></table></figure></div></div></div>

<div class="tag-plugin image"><div class="image-bg"><img class="lazy" src="" data-src="/images/photo/mmexport1689252462939.jpg" alt="来自海南的 aurora. 使用 iPhone 13 拍摄。"/><a class="image-download blur" style="opacity:0" target="_blank" download="来自海南的 aurora. 使用 iPhone 13 拍摄。" href="/images/photo/mmexport1689252462939.jpg"><svg class="icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3734"><path d="M561.00682908 685.55838913a111.03077546 111.03077546 0 0 1-106.8895062 0L256.23182837 487.72885783a55.96309219 55.96309219 0 0 1 79.13181253-79.18777574L450.70357448 523.88101491V181.55477937a55.96309219 55.96309219 0 0 1 111.92618438 0v344.06109173l117.07478902-117.07478901a55.96309219 55.96309219 0 0 1 79.13181252 79.18777574zM282.81429711 797.1487951h447.70473912a55.96309219 55.96309219 0 0 1 0 111.92618438H282.81429711a55.96309219 55.96309219 0 0 1 0-111.92618438z" p-id="3735"></path></svg></a></div><div class="image-meta"><span class="image-caption center">来自海南的 aurora. 使用 iPhone 13 拍摄。</span></div></div>

<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% image /images/photo/mmexport1689252462939.jpg 来自海南的 aurora. 使用 iPhone 13 拍摄。 download:true %&#125;</span><br></pre></td></tr></table></figure>

<ul>
<li>如果是小尺寸的图片，请参考 <a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#%E7%AB%96%E5%9B%BE%EF%BC%88%E5%B0%8F%E5%9B%BE%EF%BC%89%E4%BC%98%E5%8C%96">小尺寸图片优化</a></li>
<li>在任意 <code>image</code> 标签中增加 <code>fancybox:true</code> 参数即可为特定图片开启<a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#%E6%94%AF%E6%8C%81-Fancybox-%E6%8F%92%E4%BB%B6%E7%82%B9%E5%87%BB%E6%94%BE%E5%A4%A7">缩放</a>功能</li>
</ul>
<hr>
<h5 id="swiper-轮播容器"><a href="#swiper-轮播容器" class="headerlink" title="swiper 轮播容器"></a>swiper 轮播容器</h5><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#swiper-%E8%BD%AE%E6%92%AD%E5%AE%B9%E5%99%A8">swiper 轮播容器</a></p>
<p>默认一张图片是 50% 宽度，通过设置 <code>width:min</code> 设置为 25% 宽度，<code>width:max</code> 设置为 100% 宽度。</p>
<div class="tag-plugin swiper fancybox" id="swiper-api" effect="cards"><div class="swiper-wrapper"><div class="swiper-slide"><img no-lazy src="/images/picture/20230711224927.jpg" alt="配置图" data-fancybox="true" style="width:200px;"/ onerror="javascript:this.classList.add('error');this.src='https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/2659360.svg';"></div><div class="swiper-slide"><img no-lazy src="/images/picture/20230711225321.png" alt="跑分图" data-fancybox="true"/ onerror="javascript:this.classList.add('error');this.src='https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/2659360.svg';"></div><div class="swiper-slide"><img no-lazy src="/images/picture/20230711225337.png" alt="参数图" data-fancybox="true"/ onerror="javascript:this.classList.add('error');this.src='https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/2659360.svg';"></div></div><div class="swiper-pagination"></div><div class="swiper-button-prev blur"></div><div class="swiper-button-next blur"></div></div>

<p>注意，一个页面只能设置一次，第一个 <code>swiper</code> 容器的效果全局生效。写法如下：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% swiper effect:cards %&#125;</span><br><span class="line">&#123;% image /images/picture/20230711224927.jpg 配置图 width:200px padding:16px fancybox:true %&#125;</span><br><span class="line">&#123;% image /images/picture/20230711225321.png 跑分图 fancybox:true %&#125;</span><br><span class="line">&#123;% image /images/picture/20230711225337.png 参数图 fancybox:true %&#125;</span><br><span class="line">&#123;% endswiper %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h4 id="其他"><a href="#其他" class="headerlink" title="其他"></a>其他</h4><h5 id="audio-音频标签"><a href="#audio-音频标签" class="headerlink" title="audio 音频标签"></a>audio 音频标签</h5>
  <div class="tag-plugin audio">
  <audio controls preload>
  <source src="https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3" type="audio/mp3">Your browser does not support the audio tag.
  </audio>
  </div>
  


    <div class="tag-plugin audio">
    <iframe src="//music.163.com/outchain/player?type=2&id=2140626391&auto=0&height=32" frameborder="no" border="0" marginwidth="0" marginheight="0" width=288px height=52>
    </iframe>
    </div>
    


    <div class="tag-plugin audio">
    <iframe src="//music.163.com/outchain/player?type=2&id=570340213&auto=0&height=32" frameborder="no" border="0" marginwidth="0" marginheight="0" width=288px height=52>
    </iframe>
    </div>
    



<div class="tag-plugin tabs" align="center"id="tab_12"><div class="nav-tabs"><div class="tab active"><a href="#tab_12-1">写法</a></div><div class="tab"><a href="#tab_12-2">参数说明</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_12-1"><figure class="highlight txt"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% audio https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% audio netease:2140626391 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% audio type:2 netease:570340213 autoplay:0 %&#125;</span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="tab_12-2"><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">type:</span> <span class="number">2</span><span class="string">/0</span> <span class="comment"># 歌曲/歌单 # 不设置默认为2歌曲模式</span></span><br><span class="line"><span class="attr">netease:</span> <span class="string">xxx</span> <span class="comment"># 歌曲/歌单 id ，具体 id 在网易云网页版的网址链接中寻找 </span></span><br><span class="line"><span class="attr">autoplay:</span> <span class="number">1</span><span class="string">/0</span> <span class="comment"># 自动播放/手动播放 # 不设置默认0手动播放</span></span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h5 id="link-链接卡片"><a href="#link-链接卡片" class="headerlink" title="link 链接卡片"></a>link 链接卡片</h5><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#link-%E9%93%BE%E6%8E%A5%E5%8D%A1%E7%89%87">link 链接卡片</a></p>
<div class="tag-plugin tabs"id="tab_13"><div class="nav-tabs"><div class="tab active"><a href="#tab_13-1">效果演示</a></div><div class="tab"><a href="#tab_13-2">语法格式</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_13-1"><div class="tag-plugin link dis-select"><a class="link-card plain" title="" href="https://xaoxuu.com/blog/20221029/" target="_blank" rel="external nofollow noopener noreferrer" cardlink autofill="title,icon"><div class="left"><span class="title">https://xaoxuu.com/blog/20221029/</span><span class="cap link footnote">https://xaoxuu.com/blog/20221029/</span></div><div class="right"><div class="lazy img" data-bg="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/link/8f277b4ee0ecd.svg"></div></div></a></div>
<div class="tag-plugin link dis-select"><a class="link-card rich" title="" href="https://xaoxuu.com/blog/20221029/" target="_blank" rel="external nofollow noopener noreferrer" cardlink autofill="title,icon,desc"><div class="top"><div class="lazy img" data-bg="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/link/8f277b4ee0ecd.svg"></div><span class="cap link footnote">https://xaoxuu.com/blog/20221029/</span></div><div class="bottom"><span class="title">https://xaoxuu.com/blog/20221029/</span><span class="cap desc footnote"></span></div></a></div></div><div class="tab-pane" id="tab_13-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% link href [title] [icon:src] [desc:true/false] %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% link https://xaoxuu.com/blog/20221029/ %&#125;</span><br></pre></td></tr></table></figure>

<p>参数含义：</p>
<figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">href:</span> <span class="string">链接</span></span><br><span class="line"><span class="attr">title:</span> <span class="string">可选，手动设置标题（为空时会自动抓取页面标题）</span></span><br><span class="line"><span class="attr">icon:</span> <span class="string">可选，手动设置图标（为空时会自动抓取页面图标）</span></span><br><span class="line"><span class="attr">desc:</span> <span class="string">可选，是否显示摘要描述，为true时将会显示页面描述</span></span><br></pre></td></tr></table></figure></div></div></div>

<hr>
<h5 id="静态时间线"><a href="#静态时间线" class="headerlink" title="静态时间线"></a>静态时间线</h5><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/data/#%E9%9D%99%E6%80%81%E6%97%B6%E9%97%B4%E7%BA%BF">静态时间线</a></p>
<div class="tag-plugin timeline"><div class="timenode" index="0"><div class="header">2021 年 2 月 16 日</div><div class="body fs14"><p>主要部分功能已经开发的差不多了。</p><div class="tag-plugin image"><div class="image-bg"><img class="lazy" src="" data-src="/images/photo/20230710192616.jpg" style="width:300px;"/></div></div></div></div><div class="timenode" index="1"><div class="header">2021 年 2 月 11 日</div><div class="body fs14"><p>今天除夕，也是生日，一个人在外地过年+过生日，熬夜开发新主题，尽量在假期结束前放出公测版。</p></div></div></div>

<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">&#123;% timeline %&#125;</span><br><span class="line">&lt;!-- node 2021 年 2 月 16 日 --&gt;</span><br><span class="line">主要部分功能已经开发的差不多了。</span><br><span class="line">&#123;% image /images/photo/20230710192616.jpg width:300px %&#125;</span><br><span class="line">&lt;!-- node 2021 年 2 月 11 日 --&gt;</span><br><span class="line">今天除夕，也是生日，一个人在外地过年+过生日，熬夜开发新主题，尽量在假期结束前放出公测版。</span><br><span class="line">&#123;% endtimeline %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h5 id="okr-目标管理"><a href="#okr-目标管理" class="headerlink" title="okr 目标管理"></a>okr 目标管理</h5><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/express/#okr-%E7%9B%AE%E6%A0%87%E7%AE%A1%E7%90%86">okr 目标管理</a></p>
<div class="tag-plugin colorful okr" >
  <div class="okr-item o" id="okr-o1">
    <div class="okr-left">
      <span class="title">O1</span>
    </div>
    <div class="okr-center">
      <span class="title">2024年的小目标：完成 Volantis 6.0 并发布上线</span>
      <div class="note"><p>来自2025年的复盘：已《基本》实现目标 <span class="tag-plugin emoji"><img no-lazy="" class="inline lazy" src="" data-src="https://gcore.jsdelivr.net/gh/cdn-x/emoji/tieba/滑稽.png"/></span></p></div>
    </div>
    <div class="okr-right colorful" color="blue">
      <div class="labels">
        <span class="status label">正常</span>
        <span class="status percent">44%</span>
      </div>
      <div class="progress">
        <div class="fill" style="width:44%;"></div>
      </div>
    </div>
  </div>
  
  <div class="okr-item kr" id="okr-kr1">
    <div class="okr-left">
      <span class="title">KR1</span>
    </div>
    <div class="okr-center">
      <span class="title">重构 tag-plugins 和 wiki 系统</span>
      <div class="note"><ul><li>当 <mark class="tag-plugin colorful mark" color="yellow">KR</mark> 进度为 100% 时，标签默认显示为 <mark class="tag-plugin colorful mark" color="green">已完成</mark></li><li>当 <mark class="tag-plugin colorful mark" color="yellow">KR</mark> 未设置进度时，默认为 <mark class="tag-plugin colorful mark" color="yellow">0%</mark></li><li>当 <mark class="tag-plugin colorful mark" color="yellow">O</mark> 未设置进度时，则显示所有 <mark class="tag-plugin colorful mark" color="yellow">KR</mark> 进度平均值</li></ul></div>
    </div>
    <div class="okr-right colorful" color="green">
      <div class="labels">
        <span class="status label">已完成</span>
        <span class="status percent">100%</span>
      </div>
      <div class="progress">
        <div class="fill" style="width:100%;"></div>
      </div>
    </div>
  </div>
  
  <div class="okr-item kr" id="okr-kr2">
    <div class="okr-left">
      <span class="title">KR2</span>
    </div>
    <div class="okr-center">
      <span class="title">完成主要页面设计稿</span>
      <div class="note"><div class="tag-plugin tabs" align="left"id="tab_14"><div class="nav-tabs"><div class="tab active"><a href="#tab_14-1">小提示1</a></div><div class="tab"><a href="#tab_14-2">小提示2</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_14-1"><p>您可以在 _config.yml 文件中修改标签的颜色和文案</p></div><div class="tab-pane" id="tab_14-2"><p>您可以在 _config.yml 文件中增加任意的标签配置</p></div></div></div></div>
    </div>
    <div class="okr-right colorful" color="orange">
      <div class="labels">
        <span class="status label">延期</span>
        <span class="status percent">90%</span>
      </div>
      <div class="progress">
        <div class="fill" style="width:90%;"></div>
      </div>
    </div>
  </div>
  
  <div class="okr-item kr" id="okr-kr3">
    <div class="okr-left">
      <span class="title">KR3</span>
    </div>
    <div class="okr-center">
      <span class="title">完成前置准备工作（如果你知道答案，请在留言区帮帮我！🥹）</span>
      <div class="note"><div class="tag-plugin colorful checkbox" ><input type="checkbox"/><span>在咸水和海滩之间找一亩地</span></div><div class="tag-plugin colorful checkbox" ><input type="checkbox"/><span>求出圆周率后15位</span></div><div class="tag-plugin colorful checkbox" ><input type="checkbox"/><span>找出宇宙的终极逻辑</span></div><div class="tag-plugin colorful checkbox" ><input type="checkbox"/><span>去地狱里走两步</span></div></div>
    </div>
    <div class="okr-right colorful" color="red">
      <div class="labels">
        <span class="status label">未完成</span>
        <span class="status percent">-12%</span>
      </div>
      <div class="progress">
        <div class="fill" style="width:-12%;"></div>
      </div>
    </div>
  </div>
  
  <div class="okr-item kr" id="okr-kr-4">
    <div class="okr-left">
      <span class="title">KR-4</span>
    </div>
    <div class="okr-center">
      <span class="title">开发、测试和发布</span>
      <div class="note"><div class="tag-plugin image"><div class="image-bg"><img class="lazy" src="" data-src="/images/footer/qq32.svg" alt="支持嵌套插入图片等其它简单组件"/></div><div class="image-meta"><span class="image-caption center">支持嵌套插入图片等其它简单组件</span></div></div></div>
    </div>
    <div class="okr-right colorful" color="yellow">
      <div class="labels">
        <span class="status label">风险</span>
        <span class="status percent">0%</span>
      </div>
      <div class="progress">
        <div class="fill" style="width:0%;"></div>
      </div>
    </div>
  </div>
  </div>

<figure class="highlight txt"><figcaption><span>写法如下</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br></pre></td><td class="code"><pre><span class="line">&#123;% okr o1 %&#125;</span><br><span class="line"></span><br><span class="line">2024年的小目标：完成 Volantis 6.0 并发布上线</span><br><span class="line">来自2025年的复盘：已《基本》实现目标 &#123;% emoji tieba 滑稽 %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- okr kr1 percent:1 --&gt;</span><br><span class="line">重构 tag-plugins 和 wiki 系统</span><br><span class="line"></span><br><span class="line">- 当 &#123;% mark KR %&#125; 进度为 100% 时，标签默认显示为 &#123;% mark color:green 已完成 %&#125;</span><br><span class="line">- 当 &#123;% mark KR %&#125; 未设置进度时，默认为 &#123;% mark 0% %&#125;</span><br><span class="line">- 当 &#123;% mark O %&#125; 未设置进度时，则显示所有 &#123;% mark KR %&#125; 进度平均值</span><br><span class="line"></span><br><span class="line">&lt;!-- okr kr2 percent:0.9 status:off_track --&gt;</span><br><span class="line">完成主要页面设计稿</span><br><span class="line">&#123;% tabs align:left %&#125;</span><br><span class="line">&lt;!-- tab 小提示1 --&gt;</span><br><span class="line">您可以在 _config.yml 文件中修改标签的颜色和文案</span><br><span class="line">&lt;!-- tab 小提示2 --&gt;</span><br><span class="line">您可以在 _config.yml 文件中增加任意的标签配置</span><br><span class="line">&#123;% endtabs %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- okr kr3 percent:-0.12 status:unfinished --&gt;</span><br><span class="line">完成前置准备工作（如果你知道答案，请在留言区帮帮我！🥹）</span><br><span class="line">&#123;% checkbox 在咸水和海滩之间找一亩地 %&#125;</span><br><span class="line">&#123;% checkbox 求出圆周率后15位 %&#125;</span><br><span class="line">&#123;% checkbox 找出宇宙的终极逻辑 %&#125;</span><br><span class="line">&#123;% checkbox 去地狱里走两步 %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- okr kr-4 status:at_risk --&gt;</span><br><span class="line">开发、测试和发布</span><br><span class="line">&#123;% image /images/footer/qq32.svg 支持嵌套插入图片等其它简单组件 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% endokr %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h2 id="善用容器"><a href="#善用容器" class="headerlink" title="善用容器"></a>善用容器</h2><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% box [title] [color:color] [child:codeblock/tabs] %&#125;</span><br><span class="line">...</span><br><span class="line">&#123;% endbox %&#125;</span><br></pre></td></tr></table></figure>

<h3 id="box-盒子容器"><a href="#box-盒子容器" class="headerlink" title="box 盒子容器"></a>box 盒子容器</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#box-%E7%9B%92%E5%AD%90%E5%AE%B9%E5%99%A8">box 普通块容器</a>：带标题，但是没有折叠项</p>
<div class="tag-plugin colorful note" color="warning"><div class="title"><strong>Stellar v1.12.0</strong></div><div class="body"><p>因为原 noteblock 标签在升级到 hexo 6.0 之后跟官方库冲突了，官方一直没有解释原因，后不得不改名：<br>noteblock -&gt; grid -&gt; border -&gt; ablock<br>详情见：<a target="_blank" rel="noopener" href="https://github.com/volantis-x/hexo-theme-volantis/issues/712">#172</a></p></div></div>

<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">&#123;% box Stellar v1.12.0 color:warning %&#125;</span><br><span class="line"></span><br><span class="line">因为原 noteblock 标签在升级到 hexo 6.0 之后跟官方库冲突了，官方一直没有解释原因，后不得不改名：</span><br><span class="line">noteblock -&gt; grid -&gt; border -&gt; ablock</span><br><span class="line">详情见：[#172](https://github.com/volantis-x/hexo-theme-volantis/issues/712)</span><br><span class="line"></span><br><span class="line">&#123;% endbox %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h3 id="彩色代码块"><a href="#彩色代码块" class="headerlink" title="彩色代码块"></a>彩色代码块</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#%E5%BD%A9%E8%89%B2%E4%BB%A3%E7%A0%81%E5%9D%97">彩色代码块</a>：设置 <code>child:codeblock</code> 并设置 <code>color:颜色枚举</code> 可以实现 10 种不同颜色的代码块，彩色代码块一般可以用在代码正确与错误的示范对比场景。</p>
<div class="tag-plugin grid"  style="grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));"><div class="cell" style="">
    <p>推荐的写法</p><div class="tag-plugin colorful note" color="green" child="codeblock"><div class="body"><figure class="highlight swift"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">func</span> <span class="title function_">test</span>() &#123;</span><br><span class="line">    <span class="comment">// ...</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></div></div>
    </div>
    <div class="cell" style="">
    <p>不推荐的写法</p><div class="tag-plugin colorful note" color="red" child="codeblock"><div class="body"><figure class="highlight swift"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">func</span> <span class="title function_">test</span>() -&gt; () &#123;</span><br><span class="line">    <span class="comment">// ...</span></span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></div></div>
    </div>
    </div>

<p>示例代码：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">&#123;% box color:red child:codeblock %&#125;</span><br><span class="line">```swift</span><br><span class="line">func test() -&gt; () &#123;</span><br><span class="line">    // ...</span><br><span class="line">&#125;</span><br><span class="line">```</span><br><span class="line">&#123;% endbox %&#125;</span><br></pre></td></tr></table></figure>

<p>上文并排比较的代码示例：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br></pre></td><td class="code"><pre><span class="line">&#123;% grid %&#125;</span><br><span class="line">&lt;!-- cell --&gt;</span><br><span class="line">推荐的写法</span><br><span class="line">&#123;% box color:green child:codeblock %&#125;</span><br><span class="line">```swift</span><br><span class="line">func test() &#123;</span><br><span class="line">    // ...</span><br><span class="line">&#125;</span><br><span class="line">```</span><br><span class="line">&#123;% endbox %&#125;</span><br><span class="line">&lt;!-- cell --&gt;</span><br><span class="line">不推荐的写法</span><br><span class="line">&#123;% box color:red child:codeblock %&#125;</span><br><span class="line">```swift</span><br><span class="line">func test() -&gt; () &#123;</span><br><span class="line">    // ...</span><br><span class="line">&#125;</span><br><span class="line">```</span><br><span class="line">&#123;% endbox %&#125;</span><br><span class="line">&#123;% endgrid %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h3 id="嵌套标签"><a href="#嵌套标签" class="headerlink" title="嵌套标签"></a>嵌套标签</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#%E5%B5%8C%E5%A5%97%E5%85%B6%E5%AE%83%E6%A0%87%E7%AD%BE">嵌套标签</a></p>
<div class="tag-plugin colorful note" child="tabs"><div class="body"><div class="tag-plugin tabs"id="tab_15"><div class="nav-tabs"><div class="tab active"><a href="#tab_15-1">图文混排</a></div><div class="tab"><a href="#tab_15-2">示例代码</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_15-1"><div class="tag-plugin image"><div class="image-bg"><img class="lazy" src="" data-src="/images/cover/xxx.6cyjbogyo1c0.webp" alt="个人电脑作为办公设备时，我们该如何保护隐私？"/><a class="image-download blur" style="opacity:0" target="_blank" download="个人电脑作为办公设备时，我们该如何保护隐私？" href="/images/cover/xxx.6cyjbogyo1c0.webp"><svg class="icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3734"><path d="M561.00682908 685.55838913a111.03077546 111.03077546 0 0 1-106.8895062 0L256.23182837 487.72885783a55.96309219 55.96309219 0 0 1 79.13181253-79.18777574L450.70357448 523.88101491V181.55477937a55.96309219 55.96309219 0 0 1 111.92618438 0v344.06109173l117.07478902-117.07478901a55.96309219 55.96309219 0 0 1 79.13181252 79.18777574zM282.81429711 797.1487951h447.70473912a55.96309219 55.96309219 0 0 1 0 111.92618438H282.81429711a55.96309219 55.96309219 0 0 1 0-111.92618438z" p-id="3735"></path></svg></a></div><div class="image-meta"><span class="image-caption center">个人电脑作为办公设备时，我们该如何保护隐私？</span></div></div>公司一般都会强制安装安防软件，这些软件要求开机自启动，要求有屏幕录制权限、完全的磁盘访问权限包括相册图库。因此如果使用自己的 MacBook 作为办公设备，必须要把生活区和工作区完全独立开，安装在两个磁盘分区，并且对磁盘分区进行加密。</div><div class="tab-pane" id="tab_15-2"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line">&#123;% box child:tabs %&#125;</span><br><span class="line">&#123;% tabs %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab 图文混排 --&gt;</span><br><span class="line">&#123;% image /images/cover/xxx.6cyjbogyo1c0.webp 个人电脑作为办公设备时，我们该如何保护隐私？ download:true %&#125;</span><br><span class="line">公司一般都会强制安装安防软件，这些软件要求开机自启动，要求有屏幕录制权限、完全的磁盘访问权限包括相册图库。因此如果使用自己的 MacBook 作为办公设备，必须要把生活区和工作区完全独立开，安装在两个磁盘分区，并且对磁盘分区进行加密。</span><br><span class="line"></span><br><span class="line">&lt;!-- tab 示例代码 --&gt;</span><br><span class="line">```yaml</span><br><span class="line"># 这里可以放代码块</span><br><span class="line">```</span><br><span class="line"></span><br><span class="line">&#123;% endtabs %&#125;</span><br><span class="line">&#123;% endbox %&#125;</span><br></pre></td></tr></table></figure></div></div></div></div></div>

<p>不想要切换功能的话，把 <code>tab</code> 标签相关的去掉就好</p>
<hr>
<h3 id="folding-折叠容器"><a href="#folding-折叠容器" class="headerlink" title="folding 折叠容器"></a>folding 折叠容器</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#folding-%E6%8A%98%E5%8F%A0%E5%AE%B9%E5%99%A8">folding 折叠容器</a></p>
<div class="tag-plugin tabs"id="tab_16"><div class="nav-tabs"><div class="tab active"><a href="#tab_16-1">示例</a></div><div class="tab"><a href="#tab_16-2">写法</a></div></div><div class="tab-content"><div class="tab-pane active" id="tab_16-1"><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% folding title [codeblock:bool] [open:bool] [color:color] %&#125;</span><br><span class="line">content</span><br><span class="line">&#123;% endfolding %&#125;</span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="tab_16-2"><figure class="highlight yaml"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line"><span class="attr">codeblock:</span> <span class="literal">true</span><span class="string">/false</span></span><br><span class="line"><span class="attr">open:</span> <span class="literal">true</span><span class="string">/false</span></span><br><span class="line"><span class="attr">color:</span> <span class="string">red/orange/yellow/green/cyan/blue/purple/light/dark</span></span><br></pre></td></tr></table></figure></div></div></div>

<p>彩色可折叠容器</p>
<details class="tag-plugin colorful folding" color="yellow" child="codeblock" open><summary><span>默认打开的代码折叠框</span></summary><div class="body"><figure class="highlight javascript"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">func <span class="title function_">test</span>(<span class="params"></span>) &#123;</span><br><span class="line">  <span class="title function_">print</span>(<span class="string">&quot;hello world&quot;</span>)</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure></div></details>

<p>代码如下：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% folding child:codeblock open:true color:yellow 默认打开的代码折叠框 %&#125;</span><br><span class="line">代码块</span><br><span class="line">&#123;% endfolding %&#125;</span><br></pre></td></tr></table></figure>

<details class="tag-plugin colorful folding" color="blue" child="tabs" open><summary><span>默认打开的折叠框</span></summary><div class="body"><p>请不要打开这个</p></div></details>

<p>代码如下：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% folding child:tabs open:true color:blue 默认打开的折叠框 %&#125;</span><br><span class="line"></span><br><span class="line">请不要打开这个</span><br><span class="line"></span><br><span class="line">&#123;% endfolding %&#125;</span><br></pre></td></tr></table></figure>

<h4 id="folders-多个折叠容器聚合"><a href="#folders-多个折叠容器聚合" class="headerlink" title="folders 多个折叠容器聚合"></a>folders 多个折叠容器聚合</h4><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#folders-%E5%A4%9A%E4%B8%AA%E6%8A%98%E5%8F%A0%E5%AE%B9%E5%99%A8%E8%81%9A%E5%90%88">folders 多个折叠容器聚合</a></p>
<div class="tag-plugin colorful folders" ><details class="folder" index="0"><summary><span>题目1</span></summary><div class="body"><p>这是答案1</p></div></details><details class="folder" index="1"><summary><span>题目2</span></summary><div class="body"><p>这是答案2</p></div></details><details class="folder" index="2"><summary><span>题目3</span></summary><div class="body"><p>这是答案3</p></div></details></div>

<p>示例代码：</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">&#123;% folders %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- folder 题目1 --&gt;</span><br><span class="line">这是答案1</span><br><span class="line"></span><br><span class="line">&lt;!-- folder 题目2 --&gt;</span><br><span class="line">这是答案2</span><br><span class="line"></span><br><span class="line">&lt;!-- folder 题目3 --&gt;</span><br><span class="line">这是答案3</span><br><span class="line"></span><br><span class="line">&#123;% endfolders %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h3 id="tabs-分栏容器"><a href="#tabs-分栏容器" class="headerlink" title="tabs 分栏容器"></a>tabs 分栏容器</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#tabs-%E5%88%86%E6%A0%8F%E5%AE%B9%E5%99%A8">tabs 分栏容器</a></p>
<div class="tag-plugin tabs" align="center"id="tab_17"><div class="nav-tabs"><div class="tab"><a href="#tab_17-1">图片</a></div><div class="tab active"><a href="#tab_17-2">代码块</a></div><div class="tab"><a href="#tab_17-3">表格</a></div></div><div class="tab-content"><div class="tab-pane" id="tab_17-1"><div class="tag-plugin image"><div class="image-bg"><img class="lazy" src="" data-src="/images/cover/xxx.6cyjbogyo1c0.webp" style="width:300px;"/></div></div></div><div class="tab-pane active" id="tab_17-2"><figure class="highlight swift"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">let</span> x <span class="operator">=</span> <span class="number">123</span></span><br><span class="line"><span class="built_in">print</span>(<span class="string">&quot;hello world&quot;</span>)</span><br></pre></td></tr></table></figure></div><div class="tab-pane" id="tab_17-3"><table>
<thead>
<tr>
<th>a</th>
<th>b</th>
<th>c</th>
</tr>
</thead>
<tbody><tr>
<td>a1</td>
<td>b1</td>
<td>c1</td>
</tr>
<tr>
<td>a2</td>
<td>b2</td>
<td>c2</td>
</tr>
</tbody></table></div></div></div>

<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tabs active:2 align:center %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab 图片 --&gt;</span><br><span class="line">&#123;% image /images/cover/xxx.6cyjbogyo1c0.webp width:300px %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab 代码块 --&gt;</span><br><span class="line"></span><br><span class="line">```swift</span><br><span class="line">let x = 123</span><br><span class="line">print(&quot;hello world&quot;)</span><br><span class="line">```</span><br><span class="line"></span><br><span class="line">&lt;!-- tab 表格 --&gt;</span><br><span class="line"></span><br><span class="line">| a    | b    | c    |</span><br><span class="line">| ---- | ---- | ---- |</span><br><span class="line">| a1   | b1   | c1   |</span><br><span class="line">| a2   | b2   | c2   |</span><br><span class="line"></span><br><span class="line">&#123;% endtabs %&#125;</span><br></pre></td></tr></table></figure>

<ul>
<li>使用 <code>align:center</code> 可以让内容居中</li>
<li>设置默认展示的标签方式为 <code>active:1</code></li>
</ul>
<hr>
<h3 id="grid-网格分区容器"><a href="#grid-网格分区容器" class="headerlink" title="grid 网格分区容器"></a>grid 网格分区容器</h3><div class="tag-plugin grid"  style="grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));"><div class="cell" style="">
    <div class="tag-plugin image"><div class="image-bg"><img class="lazy" src="" data-src="/images/picture/luca-calderone-bcql6CtuNv0-unsplash.jpg"/><a class="image-download blur" style="opacity:0" target="_blank" href="https://unsplash.com/photos/bcql6CtuNv0/download?ixid=MnwxMjA3fDB8MXx0b3BpY3x8NnNNVmpUTFNrZVF8fHx8fDJ8fDE2Njg4NDAxMDI&force=true"><svg class="icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3734"><path d="M561.00682908 685.55838913a111.03077546 111.03077546 0 0 1-106.8895062 0L256.23182837 487.72885783a55.96309219 55.96309219 0 0 1 79.13181253-79.18777574L450.70357448 523.88101491V181.55477937a55.96309219 55.96309219 0 0 1 111.92618438 0v344.06109173l117.07478902-117.07478901a55.96309219 55.96309219 0 0 1 79.13181252 79.18777574zM282.81429711 797.1487951h447.70473912a55.96309219 55.96309219 0 0 1 0 111.92618438H282.81429711a55.96309219 55.96309219 0 0 1 0-111.92618438z" p-id="3735"></path></svg></a></div></div>
    </div>
    <div class="cell" style="">
    <p><strong><a target="_blank" rel="noopener" href="https://unsplash.com/photos/bcql6CtuNv0">Unsplash Photo</a></strong></p><p>The Galactic Center is the rotational center of the Milky Way galaxy. Its central massive object is a supermassive black hole of about 4 million solar masses, which is called Sagittarius A*. Its mass is equal to four million suns. The center is located 25,800 light years away from Earth.</p><blockquote><p>Ōwhiro Bay, Wellington, New Zealand<br>Published on May 31, 2022<br>SONY, ILCE-6000<br>Free to use under the Unsplash License</p></blockquote>
    </div>
    </div>

<p><code>bg</code> 为可选参数，默认没有背景，可设置为 <code>box/card</code> 两种样式，分别为<code>普通块/卡片</code>样式。更多用法：<a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#grid-%E7%BD%91%E6%A0%BC%E5%88%86%E5%8C%BA%E5%AE%B9%E5%99%A8">grid 网格分区容器</a></p>
<figure class="highlight txt"><figcaption><span>示例代码</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br></pre></td><td class="code"><pre><span class="line">&#123;% grid %&#125;</span><br><span class="line">&lt;!-- cell --&gt;</span><br><span class="line"></span><br><span class="line">&#123;% image /images/picture/luca-calderone-bcql6CtuNv0-unsplash.jpg download:https://unsplash.com/photos/bcql6CtuNv0/download?ixid=MnwxMjA3fDB8MXx0b3BpY3x8NnNNVmpUTFNrZVF8fHx8fDJ8fDE2Njg4NDAxMDI&amp;force=true %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- cell --&gt;</span><br><span class="line"></span><br><span class="line">**[Unsplash Photo](https://unsplash.com/photos/bcql6CtuNv0)**</span><br><span class="line"></span><br><span class="line">The Galactic Center is the rotational center of the Milky Way galaxy. Its central massive object is a supermassive black hole of about 4 million solar masses, which is called Sagittarius A*. Its mass is equal to four million suns. The center is located 25,800 light years away from Earth.</span><br><span class="line"></span><br><span class="line">&gt; Ōwhiro Bay, Wellington, New Zealand</span><br><span class="line">&gt; Published on May 31, 2022</span><br><span class="line">&gt; SONY, ILCE-6000</span><br><span class="line">&gt; Free to use under the Unsplash License</span><br><span class="line"></span><br><span class="line">&#123;% endgrid %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h2 id="社交"><a href="#社交" class="headerlink" title="社交"></a>社交</h2><h3 id="friends-友链"><a href="#friends-友链" class="headerlink" title="friends 友链"></a>friends 友链</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/data/#friends-%E5%8F%8B%E9%93%BE">friends 友链</a></p>
<figure class="highlight yaml"><figcaption><span>blog/source/_data/links/blog.yml</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">-</span> <span class="attr">title:</span> <span class="string">XAOXUU</span></span><br><span class="line">  <span class="attr">url:</span> <span class="string">https://xaoxuu.com/</span></span><br><span class="line">  <span class="attr">cover:</span> <span class="string">https://bu.dusays.com/2022/10/23/63542895cfd29.png</span></span><br><span class="line">  <span class="attr">icon:</span> <span class="string">https://bu.dusays.com/2021/09/24/2f74810ceb3d3.png</span></span><br><span class="line">  <span class="attr">description:</span> <span class="string">XAOXUU</span> <span class="string">目前是一个</span> <span class="string">iOS</span> <span class="string">开发者，代表作品有：ProHUD、ValueX</span> <span class="string">等。在业余时间也开发了</span> <span class="string">Stellar</span> <span class="string">博客主题，更多的作品可以去项目主页查看，希望大家喜欢～</span></span><br></pre></td></tr></table></figure>

<p>在需要用到的地方：</p>
<figure class="highlight txt"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% friends blog %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h3 id="sites-网站卡片"><a href="#sites-网站卡片" class="headerlink" title="sites 网站卡片"></a>sites 网站卡片</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/data/#sites-%E7%BD%91%E7%AB%99%E5%8D%A1%E7%89%87">sites 网站卡片</a></p>
<figure class="highlight yaml"><figcaption><span>blog/source/_data/links/study.yml</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">-</span> <span class="attr">title:</span> <span class="string">阮一峰的个人网站</span></span><br><span class="line">  <span class="attr">url:</span> <span class="string">https://ruanyifeng.com/</span></span><br><span class="line">  <span class="attr">cover:</span></span><br><span class="line">  <span class="attr">icon:</span> <span class="string">https://ruanyifeng.com/favicon.ico</span></span><br><span class="line">  <span class="attr">description:</span> <span class="string">写一点读书笔记</span></span><br></pre></td></tr></table></figure>

<p>在需要用到的地方（同友链）：</p>
<figure class="highlight txt"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% sites study %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h3 id="渲染外部-markdown-文件"><a href="#渲染外部-markdown-文件" class="headerlink" title="渲染外部 markdown 文件"></a>渲染外部 markdown 文件</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/data/#md-%E6%B8%B2%E6%9F%93%E5%A4%96%E9%83%A8-markdown-%E6%96%87%E4%BB%B6">md 渲染外部 markdown 文件</a></p>
<figure class="highlight txt"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% folding %&#125;</span><br><span class="line">&#123;% md https://raw.github.xaox.cc/xaoxuu/hexo-theme-stellar/main/README.md %&#125;</span><br><span class="line">&#123;% endfolding %&#125;</span><br></pre></td></tr></table></figure>



<hr>
<h3 id="ghcard-卡片"><a href="#ghcard-卡片" class="headerlink" title="ghcard 卡片"></a>ghcard 卡片</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/data/#ghcard-%E5%8D%A1%E7%89%87">ghcard 卡片</a></p>
<div class="tag-plugin ghcard"><a class="ghcard" rel="external nofollow noopener noreferrer noopener" target="_blank" href="https://github.com/xaoxuu"><img class="lazy" src="" data-src="https://github-readme-stats.xaoxuu.com/api/?username=xaoxuu&&show_owner=true"/></a></div>
<div class="tag-plugin ghcard"><a class="ghcard" rel="external nofollow noopener noreferrer noopener" target="_blank" href="https://github.com/xaoxuu/hexo-theme-stellar"><img class="lazy" src="" data-src="https://github-readme-stats.xaoxuu.com/api/pin/?username=xaoxuu&repo=hexo-theme-stellar&theme=dark&show_owner=true"/></a></div>

<figure class="highlight txt"><figcaption><span>写法如下</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% ghcard xaoxuu %&#125;</span><br><span class="line">&#123;% ghcard xaoxuu/hexo-theme-stellar theme:dark %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<h3 id="banner-横幅容器"><a href="#banner-横幅容器" class="headerlink" title="banner 横幅容器"></a>banner 横幅容器</h3><p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/container/#banner-%E6%A8%AA%E5%B9%85%E5%AE%B9%E5%99%A8">banner 横幅容器</a></p>
<h4 id="用于独立页面顶部"><a href="#用于独立页面顶部" class="headerlink" title="用于独立页面顶部"></a>用于独立页面顶部</h4><div class="tag-plugin banner"><img class="bg lazy" src="" data-src="https://xaoxuu.com/assets/banner/notes.jpg"><div class="content"><div class="top">
    <button class="back cap" onclick="window.history.back()">
      <svg aria-hidden="true" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"></path></svg>
    </button>
    <div class="tag-plugin navbar"><nav><a class="link" href="/notes">随记</a><a class="link" href="/more">收藏</a></nav></div> </div><div class="bottom"><div class="text-area"><div class="text title">随记</div></div></div></div></div>

<figure class="highlight txt"><figcaption><span>写法如下</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% banner 随记 bg:https://xaoxuu.com/assets/banner/notes.jpg %&#125;</span><br><span class="line">&#123;% navbar active:/more/ [随记](/more/) [收藏](/more) %&#125;</span><br><span class="line">&#123;% endbanner %&#125;</span><br></pre></td></tr></table></figure>

<h4 id="用于用户个人资料页"><a href="#用于用户个人资料页" class="headerlink" title="用于用户个人资料页"></a>用于用户个人资料页</h4><div class="tag-plugin banner"><img class="bg lazy" src="" data-src="https://xaoxuu.com/assets/banner/nebula.jpg"><div class="content"><div class="top">
    <button class="back cap" onclick="window.history.back()">
      <svg aria-hidden="true" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"></path></svg>
    </button>
    </div><div class="bottom"><img class="avatar lazy" src="" data-src="https://xaoxuu.com/assets/xaoxuu/avatar/rect-256@2x.png"><div class="text-area"><div class="text title">某某</div><div class="text subtitle">这是个人简介</div></div></div></div></div>

<figure class="highlight txt"><figcaption><span>写法如下</span></figcaption><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% banner 某某 这是个人简介 avatar:https://xaoxuu.com/assets/xaoxuu/avatar/rect-256@2x.png bg:https://xaoxuu.com/assets/banner/nebula.jpg %&#125;</span><br><span class="line">&#123;% endbanner %&#125;</span><br></pre></td></tr></table></figure>

<h4 id="用作文章摘要卡片"><a href="#用作文章摘要卡片" class="headerlink" title="用作文章摘要卡片"></a>用作文章摘要卡片</h4><div class="tag-plugin banner"><img class="bg lazy" src="" data-src="https://xaoxuu.com/assets/xaoxuu/blog/2022-1126a@2x.jpg"><div class="content"><div class="top"><div></div></div><div class="bottom"><div class="text-area"><div class="text title">博客进阶：自动化部署</div><div class="text subtitle">本文讲了如何利用脚本和 GitHub Actions 简化博客搭建和部署流程，提高效率。</div></div></div></div><a class="banner-link" href="/2023/07/16/base/写作姿势/"></a></div>

<figure class="highlight txt"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% banner 博客进阶：自动化部署 本文讲了如何利用脚本和 GitHub Actions 简化博客搭建和部署流程，提高效率。 bg:https://xaoxuu.com/assets/xaoxuu/blog/2022-1126a@2x.jpg link:/2023/07/16/base/写作姿势/ %&#125;</span><br><span class="line">&#123;% endbanner %&#125;</span><br></pre></td></tr></table></figure>

<hr>
<div class="tag-plugin colorful note" color="red"><div class="title"><strong>注意</strong></div><div class="body"><p>以上介绍的都是来自 <code>Stellar</code> 主题的<a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/tag-plugins/">标签插件</a>，<code>hexo</code> 官方标签参考：<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/tag-plugins">https://hexo.io/zh-cn/docs/tag-plugins</a></p></div></div>

<h2 id="Stellar更新日志"><a href="#Stellar更新日志" class="headerlink" title="Stellar更新日志"></a>Stellar更新日志</h2><div class="tag-plugin timeline ds-timeline" api="https://api.github.com/repos/xaoxuu/hexo-theme-stellar/releases?per_page=3"></div>



<div class="tag-plugin quot"><h2 class="content" id="写作规范" type="text"><span class="empty"></span><span class="text">写作规范</span><span class="empty"></span></h2></div>

<ol>
<li>专有名词前后都要带空格，在特殊标签内使用除外；链接通常也建议前后带空格</li>
<li>图片目录：blog&#x2F;source&#x2F;images<br>cover：封面<br>photo：照片，分享之类<br>picture：截图类<br>暂定：只有技术类图片上传OSS，其他图片使用本地存储</li>
<li>书写完毕后，通读一下博客，检查通顺，语义是否清楚</li>
<li>在标题上方或者下方使用分割线，具体视情况而定</li>
</ol>
<div class="tag-plugin quot"><h2 class="content" id="写作思路" type="text"><span class="empty"></span><span class="text">写作思路</span><span class="empty"></span></h2></div>

<p>无论想到什么，先用手机写到备忘录里，当做随想，然后用电脑写作，将随想连贯起来，通读一遍，接着再用主题来美化，插入图片。有些时候会有很深刻的感慨，而让人害怕的就是感慨之后冲动之余却提笔忘字。<mark class="tag-plugin colorful mark" color="red">通过文字和照片抵抗遗忘，当下的记录是为了增援未来的自己</mark> </p>
<p>不强迫自己写作，不定目标，一切只是为了分享记录。微信和QQ不适合发的，在这里都能尽情呈现</p>

<div class="article-footer fs14">
    <section id="references">
      <div class="header"><span>参考资料</span></div>
      <div class="body">
        <ul>
        <li class="post-title">
          <p><a target="_blank" rel="noopener" href="https://xaoxuu.com/wiki/stellar/#start">Stellar 每个人的独立博客</a></p>

        </li>
        
        <li class="post-title">
          <p><a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/">Hexo 文档</a></p>

        </li>
        </ul>
      </div>
    </section>
    
    <section id="license">
      <div class="header"><span>许可协议</span></div>
      <div class="body"><p>本文采用 <a target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">署名-非商业性使用-相同方式共享 4.0 国际</a> 许可协议，转载请注明出处。</p>
</div>
    </section>
    </div>
</article>
<div class="related-wrap" id="read-next"><section class="body"><div class="item" id="prev"><div class="note">较新文章</div><a href="/2023/07/28/base/%E5%8D%9A%E5%AE%A2%E7%BE%8E%E5%8C%96/">博客美化</a></div><div class="item" id="next"><div class="note">较早文章</div><a href="/2023/07/11/base/%E5%B8%B8%E7%94%A8%E8%BD%AF%E4%BB%B6/">常用软件</a></div></section></div>

<div class="related-wrap" id="related-posts">
    <section class='header'>
      <div class='title cap theme'>您可能感兴趣的文章</div>
    </section>
    <section class='body'>
    <div class="related-posts"><a class="item" href="\2023\06\18\base\Hexo搭建博客之路\" title="Hexo搭建博客之路"><span class="title">Hexo搭建博客之路</span><span class="excerpt">搭建博客</span></a><a class="item" href="\2023\07\28\base\博客美化\" title="博客美化"><span class="title">博客美化</span><span class="excerpt">博客美化记录</span></a><a class="item" href="\2023\07\11\base\常用软件\" title="常用软件"><span class="title">常用软件</span></a></div></section></div>




<footer class="page-footer footnote"><hr><div class="sitemap"><div class="sitemap-group"><span class="fs15">博客</span><a href="/">近期</a><a href="/categories/">分类</a><a href="/tags/">标签</a><a href="/archives/">归档</a></div><div class="sitemap-group"><span class="fs15">项目</span><a href="/wiki/">笔记</a><a target="_blank" rel="noopener" href="https://gitee.com/coclong">开源库</a></div><div class="sitemap-group"><span class="fs15">社交</span><a href="/notes/">友链</a><a href="/">留言板</a><a target="_blank" rel="noopener" href="https://space.bilibili.com/415988557">哔哩哔哩</a></div><div class="sitemap-group"><span class="fs15">更多</span><a href="/more">关于本站</a><a target="_blank" rel="noopener" href="https://gitee.com/coclong">Gitee</a><a target="_blank" rel="noopener" href="https://github.com/Godlike-long">GitHub</a></div></div><div class="text"><p>本站由 <a href="/">sentry</a> 使用 <a target="_blank" rel="noopener" href="https://github.com/xaoxuu/hexo-theme-stellar/tree/1.29.1">Stellar 1.29.1</a> 主题创建。<br>本博客所有文章除特别声明外，均采用 <a target="_blank" rel="noopener" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a> 许可协议，转载请注明出处。</p>
</div></footer>
<div class="main-mask" onclick="sidebar.dismiss()"></div></div><aside class="l_right">
<div class="widgets">



<widget class="widget-wrapper toc" id="data-toc" collapse="false"><div class="widget-header dis-select"><span class="name">本文目录</span><a class="cap-action" onclick="sidebar.toggleTOC()" ><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6h11m-11 6h11m-11 6h11M4 6h1v4m-1 0h2m0 8H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg></a></div><div class="widget-body"><ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E6%96%87%E7%AB%A0%E5%88%9D%E5%A7%8B%E5%8C%96"><span class="toc-text">文章初始化</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%86%99%E4%BD%9C%E5%B8%B8%E7%94%A8"><span class="toc-text">写作常用</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%A0%87%E9%A2%98%E7%9B%B8%E5%85%B3"><span class="toc-text">标题相关</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#hashtag-%E6%A0%87%E7%AD%BE"><span class="toc-text">hashtag 标签</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#quot-%E5%BC%95%E7%94%A8"><span class="toc-text">quot 引用</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%9B%BE%E6%96%87%E5%B9%B6%E8%8C%82"><span class="toc-text">图文并茂</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%96%87%E6%9C%AC%E4%BF%AE%E9%A5%B0%E4%B8%8E%E6%93%8D%E4%BD%9C"><span class="toc-text">文本修饰与操作</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#note-%E5%A4%87%E6%B3%A8%E5%9D%97"><span class="toc-text">note 备注块</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#copy-%E5%A4%8D%E5%88%B6%E8%A1%8C"><span class="toc-text">copy 复制行</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E6%96%87%E6%9C%AC%E4%BF%AE%E9%A5%B0%E6%A0%87%E7%AD%BE%E9%9B%86"><span class="toc-text">文本修饰标签集</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#button-%E6%8C%89%E9%92%AE"><span class="toc-text">button 按钮</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#radio-%E5%8D%95%E9%80%89"><span class="toc-text">radio 单选</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#checkbox-%E5%A4%8D%E9%80%89"><span class="toc-text">checkbox 复选</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#navbar-%E5%AF%BC%E8%88%AA%E6%A0%8F"><span class="toc-text">navbar 导航栏</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#poetry-%E8%AF%97%E8%AF%8D"><span class="toc-text">poetry 诗词</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#paper-%E7%BA%B8%E5%BC%A0%E6%A0%87%E7%AD%BE"><span class="toc-text">paper 纸张标签</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#reel-%E5%8D%B7%E8%BD%B4%E6%A0%87%E7%AD%BE"><span class="toc-text">reel 卷轴标签</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E5%9B%BE%E6%96%87%E8%A1%A8%E7%8E%B0"><span class="toc-text">图文表现</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#emoji-%E8%A1%A8%E6%83%85"><span class="toc-text">emoji 表情</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#icon-%E5%9B%BE%E6%A0%87%E6%A0%87%E7%AD%BE"><span class="toc-text">icon 图标标签</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#image-%E5%9B%BE%E7%89%87%E6%A0%87%E7%AD%BE"><span class="toc-text">image 图片标签</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#swiper-%E8%BD%AE%E6%92%AD%E5%AE%B9%E5%99%A8"><span class="toc-text">swiper 轮播容器</span></a></li></ol></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E5%85%B6%E4%BB%96"><span class="toc-text">其他</span></a><ol class="toc-child"><li class="toc-item toc-level-5"><a class="toc-link" href="#audio-%E9%9F%B3%E9%A2%91%E6%A0%87%E7%AD%BE"><span class="toc-text">audio 音频标签</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#link-%E9%93%BE%E6%8E%A5%E5%8D%A1%E7%89%87"><span class="toc-text">link 链接卡片</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#%E9%9D%99%E6%80%81%E6%97%B6%E9%97%B4%E7%BA%BF"><span class="toc-text">静态时间线</span></a></li><li class="toc-item toc-level-5"><a class="toc-link" href="#okr-%E7%9B%AE%E6%A0%87%E7%AE%A1%E7%90%86"><span class="toc-text">okr 目标管理</span></a></li></ol></li></ol></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%96%84%E7%94%A8%E5%AE%B9%E5%99%A8"><span class="toc-text">善用容器</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#box-%E7%9B%92%E5%AD%90%E5%AE%B9%E5%99%A8"><span class="toc-text">box 盒子容器</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%BD%A9%E8%89%B2%E4%BB%A3%E7%A0%81%E5%9D%97"><span class="toc-text">彩色代码块</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%B5%8C%E5%A5%97%E6%A0%87%E7%AD%BE"><span class="toc-text">嵌套标签</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#folding-%E6%8A%98%E5%8F%A0%E5%AE%B9%E5%99%A8"><span class="toc-text">folding 折叠容器</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#folders-%E5%A4%9A%E4%B8%AA%E6%8A%98%E5%8F%A0%E5%AE%B9%E5%99%A8%E8%81%9A%E5%90%88"><span class="toc-text">folders 多个折叠容器聚合</span></a></li></ol></li><li class="toc-item toc-level-3"><a class="toc-link" href="#tabs-%E5%88%86%E6%A0%8F%E5%AE%B9%E5%99%A8"><span class="toc-text">tabs 分栏容器</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#grid-%E7%BD%91%E6%A0%BC%E5%88%86%E5%8C%BA%E5%AE%B9%E5%99%A8"><span class="toc-text">grid 网格分区容器</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E7%A4%BE%E4%BA%A4"><span class="toc-text">社交</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#friends-%E5%8F%8B%E9%93%BE"><span class="toc-text">friends 友链</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#sites-%E7%BD%91%E7%AB%99%E5%8D%A1%E7%89%87"><span class="toc-text">sites 网站卡片</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E6%B8%B2%E6%9F%93%E5%A4%96%E9%83%A8-markdown-%E6%96%87%E4%BB%B6"><span class="toc-text">渲染外部 markdown 文件</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#ghcard-%E5%8D%A1%E7%89%87"><span class="toc-text">ghcard 卡片</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#banner-%E6%A8%AA%E5%B9%85%E5%AE%B9%E5%99%A8"><span class="toc-text">banner 横幅容器</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#%E7%94%A8%E4%BA%8E%E7%8B%AC%E7%AB%8B%E9%A1%B5%E9%9D%A2%E9%A1%B6%E9%83%A8"><span class="toc-text">用于独立页面顶部</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E7%94%A8%E4%BA%8E%E7%94%A8%E6%88%B7%E4%B8%AA%E4%BA%BA%E8%B5%84%E6%96%99%E9%A1%B5"><span class="toc-text">用于用户个人资料页</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#%E7%94%A8%E4%BD%9C%E6%96%87%E7%AB%A0%E6%91%98%E8%A6%81%E5%8D%A1%E7%89%87"><span class="toc-text">用作文章摘要卡片</span></a></li></ol></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Stellar%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97"><span class="toc-text">Stellar更新日志</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%86%99%E4%BD%9C%E8%A7%84%E8%8C%83"><span class="toc-text">写作规范</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%86%99%E4%BD%9C%E6%80%9D%E8%B7%AF"><span class="toc-text">写作思路</span></a></li></ol></div><div class="widget-footer">

<a class="top" onclick="util.scrollTop()"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z"/><path stroke-linecap="round" stroke-linejoin="round" d="m9 15.5l3-3l3 3m-6-4l3-3l3 3"/></g></svg><span>回到顶部</span></a></div></widget>
</div></aside><div class='float-panel blur'>
  <button type='button' style='display:none' class='laptop-only rightbar-toggle mobile' onclick='sidebar.rightbar()'>
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6h11m-11 6h11m-11 6h11M4 6h1v4m-1 0h2m0 8H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>
  </button>
  <button type='button' style='display:none' class='mobile-only leftbar-toggle mobile' onclick='sidebar.leftbar()'>
    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 11c0-3.771 0-5.657 1.172-6.828C4.343 3 6.229 3 10 3h4c3.771 0 5.657 0 6.828 1.172C22 5.343 22 7.229 22 11v2c0 3.771 0 5.657-1.172 6.828C19.657 21 17.771 21 14 21h-4c-3.771 0-5.657 0-6.828-1.172C2 18.657 2 16.771 2 13z"/><path id="sep" stroke-linecap="round" d="M5.5 10h6m-5 4h4m4.5 7V3"/></g></svg>
  </button>
</div>
</div><div class="scripts">
<script type="text/javascript">
  const ctx = {
    date_suffix: {
      just: `刚刚`,
      min: `分钟前`,
      hour: `小时前`,
      day: `天前`,
    },
    root : `/`,
  };

  // required plugins (only load if needs)
  if (`local_search`) {
    ctx.search = {};
    ctx.search.service = `local_search`;
    if (ctx.search.service == 'local_search') {
      let service_obj = Object.assign({}, `{"field":"all","path":"/search.json","content":true,"sort":"-date"}`);
      ctx.search[ctx.search.service] = service_obj;
    }
  }
  const def = {
    avatar: `https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg`,
    cover: `https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/cover/76b86c0226ffd.svg`,
  };
  const deps = {
    jquery: `https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js`,
    marked: `https://cdn.jsdelivr.net/npm/marked@13.0.1/lib/marked.umd.min.js`
  }
  

</script>

<script type="text/javascript">
  const utils = {
    // 懒加载 css https://github.com/filamentgroup/loadCSS
    css: (href, before, media, attributes) => {
      var doc = window.document;
      var ss = doc.createElement("link");
      var ref;
      if (before) {
        ref = before;
      } else {
        var refs = (doc.body || doc.getElementsByTagName("head")[0]).childNodes;
        ref = refs[refs.length - 1];
      }
      var sheets = doc.styleSheets;
      if (attributes) {
        for (var attributeName in attributes) {
          if (attributes.hasOwnProperty(attributeName)) {
            ss.setAttribute(attributeName, attributes[attributeName]);
          }
        }
      }
      ss.rel = "stylesheet";
      ss.href = href;
      ss.media = "only x";
      function ready(cb) {
        if (doc.body) {
          return cb();
        }
        setTimeout(function () {
          ready(cb);
        });
      }
      ready(function () {
        ref.parentNode.insertBefore(ss, before ? ref : ref.nextSibling);
      });
      var onloadcssdefined = function (cb) {
        var resolvedHref = ss.href;
        var i = sheets.length;
        while (i--) {
          if (sheets[i].href === resolvedHref) {
            return cb();
          }
        }
        setTimeout(function () {
          onloadcssdefined(cb);
        });
      };
      function loadCB() {
        if (ss.addEventListener) {
          ss.removeEventListener("load", loadCB);
        }
        ss.media = media || "all";
      }
      if (ss.addEventListener) {
        ss.addEventListener("load", loadCB);
      }
      ss.onloadcssdefined = onloadcssdefined;
      onloadcssdefined(loadCB);
      return ss;
    },

    js: (src, opt) => new Promise((resolve, reject) => {
      var script = document.createElement('script');
      if (src.startsWith('/')){
        src = ctx.root + src.substring(1);
      }
      script.src = src;
      if (opt) {
        for (let key of Object.keys(opt)) {
          script[key] = opt[key]
        }
      } else {
        // 默认异步，如果需要同步，第二个参数传入 {} 即可
        script.async = true
      }
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    }),

    jq: (fn) => {
      if (typeof jQuery === 'undefined') {
        utils.js(deps.jquery).then(fn)
      } else {
        fn()
      }
    },
    
    onLoading: (el) => {
      if (el) {
        $(el).append('<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" stroke-opacity=".3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.3s" values="60;0"/></path><path stroke-dasharray="15" stroke-dashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="15;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g></svg></div>');
      }
    },
    onLoadSuccess: (el) => {
      if (el) {
        $(el).find('.loading-wrap').remove();
      }
    },
    onLoadFailure: (el) => {
      if (el) {
        $(el).find('.loading-wrap svg').remove();
        $(el).find('.loading-wrap').append('<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3L21 20H3L12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="6" stroke-dashoffset="6" d="M12 10V14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;0"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/></circle></svg>');
        $(el).find('.loading-wrap').addClass('error');
      }
    },
    request: (el, url, callback, onFailure) => {
      let retryTimes = 3;
      utils.onLoading(el);
      function req() {
        return new Promise((resolve, reject) => {
          let status = 0; // 0 等待 1 完成 2 超时
          let timer = setTimeout(() => {
            if (status === 0) {
              status = 2;
              timer = null;
              reject('请求超时');
              if (retryTimes == 0) {
                onFailure();
              }
            }
          }, 5000);
          fetch(url).then(function(response) {
            if (status !== 2) {
              clearTimeout(timer);
              resolve(response);
              timer = null;
              status = 1;
            }
            if (response.ok) {
              return response.json();
            }
            throw new Error('Network response was not ok.');
          }).then(function(data) {
            retryTimes = 0;
            utils.onLoadSuccess(el);
            callback(data);
          }).catch(function(error) {
            if (retryTimes > 0) {
              retryTimes -= 1;
              setTimeout(() => {
                req();
              }, 5000);
            } else {
              utils.onLoadFailure(el);
              onFailure();
            }
          });
        });
      }
      req();
    },
  };
</script>

<script>
  const sidebar = {
    leftbar: () => {
      if (l_body) {
        l_body.toggleAttribute('leftbar');
        l_body.removeAttribute('rightbar');
      }
    },
    rightbar: () => {
      if (l_body) {
        l_body.toggleAttribute('rightbar');
        l_body.removeAttribute('leftbar');
      }
    },
    dismiss: () => {
      if (l_body) {
        l_body.removeAttribute('leftbar');
        l_body.removeAttribute('rightbar');
      }
    },
    toggleTOC: () => {
      document.querySelector('#data-toc').classList.toggle('collapse');
    }
  }
</script>
<script type="text/javascript">
  (() => {
    const tagSwitchers = document.querySelectorAll('.tag-subtree.parent-tag > a > .tag-switcher-wrapper')
    for (const tagSwitcher of tagSwitchers) {
      tagSwitcher.addEventListener('click', (e) => {
        const parent = e.target.closest('.tag-subtree.parent-tag')
        parent.classList.toggle('expanded')
        e.preventDefault()
      })
    }

    // Get active tag from query string, then activate it.
    const urlParams = new URLSearchParams(window.location.search)
    const activeTag = urlParams.get('tag')
    if (activeTag) {
      let tag = document.querySelector(`.tag-subtree[data-tag="${activeTag}"]`)
      if (tag) {
        tag.querySelector('a').classList.add('active')
        
        while (tag) {
          tag.classList.add('expanded')
          tag = tag.parentElement.closest('.tag-subtree.parent-tag')
        }
      }
    }
  })()
</script>


<!-- required -->
<script src="/js/main.js?v=1.29.1" defer></script>

<script type="text/javascript">
  const applyTheme = (theme) => {
    if (theme === 'auto') {
      document.documentElement.removeAttribute('data-theme')
    } else {
      document.documentElement.setAttribute('data-theme', theme)
    }

    applyThemeToGiscus(theme)
  }

  const applyThemeToGiscus = (theme) => {
    theme = theme === 'auto' ? 'preferred_color_scheme' : theme

    const cmt = document.getElementById('giscus')
    if (cmt) {
      // This works before giscus load.
      cmt.setAttribute('data-theme', theme)
    }

    const iframe = document.querySelector('#comments > section.giscus > iframe')
    if (iframe) {
      // This works after giscus loaded.
      const src = iframe.src
      const newSrc = src.replace(/theme=[\w]+/, `theme=${theme}`)
      iframe.src = newSrc
    }
  }

  const switchTheme = () => {
    // light -> dark -> auto -> light -> ...
    const currentTheme = document.documentElement.getAttribute('data-theme')
    let newTheme;
    switch (currentTheme) {
      case 'light':
        newTheme = 'dark'
        break
      case 'dark':
        newTheme = 'auto'
        break
      default:
        newTheme = 'light'
    }
    applyTheme(newTheme)
    window.localStorage.setItem('Stellar.theme', newTheme)

    const messages = {
      light: `切换到浅色模式`,
      dark: `切换到深色模式`,
      auto: `切换到跟随系统配色`,
    }
    hud?.toast?.(messages[newTheme])
  }

  (() => {
    // Apply user's preferred theme, if any.
    const theme = window.localStorage.getItem('Stellar.theme')
    if (theme !== null) {
      applyTheme(theme)
    }
  })()
</script>


<!-- optional -->



<script defer>
  window.addEventListener('DOMContentLoaded', (event) => {
    ctx.services = Object.assign({}, JSON.parse(`{"mdrender":{"js":"/js/services/mdrender.js"},"siteinfo":{"js":"/js/services/siteinfo.js","api":null},"ghinfo":{"js":"/js/services/ghinfo.js"},"sites":{"js":"/js/services/sites.js"},"friends":{"js":"/js/services/friends.js"},"timeline":{"js":"/js/services/timeline.js"},"fcircle":{"js":"/js/services/fcircle.js"},"weibo":{"js":"/js/services/weibo.js"},"memos":{"js":"/js/services/memos.js"}}`));
    for (let id of Object.keys(ctx.services)) {
      const js = ctx.services[id].js;
      if (id == 'siteinfo') {
        ctx.cardlinks = document.querySelectorAll('a.link-card[cardlink]');
        if (ctx.cardlinks?.length > 0) {
          utils.js(js, { defer: true }).then(function () {
            setCardLink(ctx.cardlinks);
          });
        }
      } else {
        const els = document.getElementsByClassName(`ds-${id}`);
        if (els?.length > 0) {
          utils.jq(() => {
            if (id == 'timeline' || 'memos' || 'marked') {
              utils.js(deps.marked).then(function () {
                utils.js(js, { defer: true });
              });
            } else {
              utils.js(js, { defer: true });
            }
          });
        }
      }
    }
  });
</script>

<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    ctx.search = {
      path: `/search.json`,
    }
    utils.js('/js/search/local-search.js', { defer: true });
  });
</script><script>
  window.FPConfig = {
    delay: 0,
    ignoreKeywords: [],
    maxRPS: 5,
    hoverDelay: 25
  };
</script>
<script defer src="https://cdn.jsdelivr.net/npm/flying-pages@2/flying-pages.min.js"></script><script defer src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.1.3/dist/lazyload.min.js"></script>
<script>
  // https://www.npmjs.com/package/vanilla-lazyload
  // Set the options globally
  // to make LazyLoad self-initialize
  window.lazyLoadOptions = {
    elements_selector: ".lazy",
  };
  // Listen to the initialization event
  // and get the instance of LazyLoad
  window.addEventListener(
    "LazyLoad::Initialized",
    function (event) {
      window.lazyLoadInstance = event.detail.instance;
    },
    false
  );
  document.addEventListener('DOMContentLoaded', function () {
    window.lazyLoadInstance?.update();
  });
</script><script>
  ctx.fancybox = {
    selector: `.timenode p>img`,
    css: `https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css`,
    js: `https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js`
  };
  var selector = '[data-fancybox]:not(.error)';
  if (ctx.fancybox.selector) {
    selector += `, ${ctx.fancybox.selector}`
  }
  var needFancybox = document.querySelectorAll(selector).length !== 0;
  if (!needFancybox) {
    const els = document.getElementsByClassName('ds-memos');
    if (els != undefined && els.length > 0) {
      needFancybox = true;
    }
  }
  if (needFancybox) {
    utils.css(ctx.fancybox.css);
    utils.js(ctx.fancybox.js, { defer: true }).then(function () {
      Fancybox.bind(selector, {
        hideScrollbar: false,
        Thumbs: {
          autoStart: false,
        },
        caption: (fancybox, slide) => {
          return slide.triggerEl.alt || slide.triggerEl.dataset.caption || null
        }
      });
    })
  }
</script>
<script>
  window.addEventListener('DOMContentLoaded', (event) => {
    const swiper_api = document.getElementById('swiper-api');
    if (swiper_api != undefined) {
      utils.css(`https://unpkg.com/swiper@10.3.1/swiper-bundle.min.css`);
      utils.js(`https://unpkg.com/swiper@10.3.1/swiper-bundle.min.js`, { defer: true }).then(function () {
        const effect = swiper_api.getAttribute('effect') || '';
        var swiper = new Swiper('.swiper#swiper-api', {
          slidesPerView: 'auto',
          spaceBetween: 8,
          centeredSlides: true,
          effect: effect,
          rewind: true,
          pagination: {
            el: '.swiper-pagination',
            clickable: true,
          },
          navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
          },
        });
      })
    }
  });
</script>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    window.codeElements = document.querySelectorAll('.code');
    if (window.codeElements.length > 0) {
      ctx.copycode = {
        default_text: `Copy`,
        success_text: `Copied`,
        toast: `复制成功`,
      };
      utils.js('/js/plugins/copycode.js');
    }
  });
</script>


<!-- inject -->

</div></body></html>
